Hex Color #EDC2F0 - Custom Color

Color Codes

HEX

#EDC2F0

RGB

rgb(237, 194, 240)

HSL

hsl(296, 61%, 85%)

CMYK

cmyk(1%, 19%, 0%, 6%)

HSV

hsv(296, 19%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D6C1F0 #EDC1F0 #F0C1DC

Triadic

#EDC1F0 #F0EDC1 #C1F0ED

Split Complementary

#EDC1F0 #DCF0C1 #C1F0D6

Tetradic (Square)

#EDC1F0 #F0D6C1 #C5F0C1 #C1DCF0

Complementary

#EDC2F0 #C5F0C1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.58:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EDC2F0;

color: #EDC2F0;

border-color: #EDC2F0;

}

Tailwind CSS (with arbitrary values)

bg-[#EDC2F0]

text-[#EDC2F0]

border-[#EDC2F0]

// Example usage: