Hex Color #EFECBB - Custom Color

Color Codes

HEX

#EFECBB

RGB

rgb(239, 236, 187)

HSL

hsl(57, 62%, 84%)

CMYK

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

HSV

hsv(57, 22%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EFD4BD #EFEDBD #D9EFBD

Triadic

#EFEDBD #BDEFED #EDBDEF

Split Complementary

#EFEDBD #BDD9EF #D4BDEF

Tetradic (Square)

#EFEDBD #BDEFD4 #BDBFEF #EFBDD9

Complementary

#EFECBB #BDBFEF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.39: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: #EFECBB;

color: #EFECBB;

border-color: #EFECBB;

}

Tailwind CSS (with arbitrary values)

bg-[#EFECBB]

text-[#EFECBB]

border-[#EFECBB]

// Example usage: