Hex Color #F1EE8C - Custom Color

Color Codes

HEX

#F1EE8C

RGB

rgb(241, 238, 140)

HSL

hsl(58, 78%, 75%)

CMYK

cmyk(0%, 1%, 42%, 5%)

HSV

hsv(58, 42%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F1BC8E #F1EE8E #C3F18E

Triadic

#F1EE8E #8EF1EE #EE8EF1

Split Complementary

#F1EE8E #8EC3F1 #BC8EF1

Tetradic (Square)

#F1EE8E #8EF1BC #8E91F1 #F18EC3

Complementary

#F1EE8C #8E91F1

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.35: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: #F1EE8C;

color: #F1EE8C;

border-color: #F1EE8C;

}

Tailwind CSS (with arbitrary values)

bg-[#F1EE8C]

text-[#F1EE8C]

border-[#F1EE8C]

// Example usage: