Hex Color #FEDFA8 - Custom Color

Color Codes

HEX

#FEDFA8

RGB

rgb(254, 223, 168)

HSL

hsl(38, 98%, 83%)

CMYK

cmyk(0%, 12%, 34%, 0%)

HSV

hsv(38, 34%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FEB4A9 #FEDFA9 #F3FEA9

Triadic

#FEDFA9 #A9FEDF #DFA9FE

Split Complementary

#FEDFA9 #A9F3FE #B4A9FE

Tetradic (Square)

#FEDFA9 #A9FEB4 #A9C8FE #FEA9F3

Complementary

#FEDFA8 #A9C8FE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.29:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.33: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: #FEDFA8;

color: #FEDFA8;

border-color: #FEDFA8;

}

Tailwind CSS (with arbitrary values)

bg-[#FEDFA8]

text-[#FEDFA8]

border-[#FEDFA8]

// Example usage: