Hex Color #ECEAF1 - Custom Color

Color Codes

HEX

#ECEAF1

RGB

rgb(236, 234, 241)

HSL

hsl(257, 20%, 93%)

CMYK

cmyk(2%, 3%, 0%, 5%)

HSV

hsv(257, 3%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EAEBF1 #ECEAF1 #EFEAF1

Triadic

#ECEAF1 #F1ECEA #EAF1EC

Split Complementary

#ECEAF1 #F1EFEA #EBF1EA

Tetradic (Square)

#ECEAF1 #F1EAEB #EFF1EA #EAF1EF

Complementary

#ECEAF1 #EFF1EA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.19:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.61: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: #ECEAF1;

color: #ECEAF1;

border-color: #ECEAF1;

}

Tailwind CSS (with arbitrary values)

bg-[#ECEAF1]

text-[#ECEAF1]

border-[#ECEAF1]

// Example usage: