Hex Color #F4DFAE - Custom Color

Color Codes

HEX

#F4DFAE

RGB

rgb(244, 223, 174)

HSL

hsl(42, 76%, 82%)

CMYK

cmyk(0%, 9%, 29%, 4%)

HSV

hsv(42, 29%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F4BCAE #F4DFAE #E6F4AE

Triadic

#F4DFAE #AEF4DF #DFAEF4

Split Complementary

#F4DFAE #AEE6F4 #BCAEF4

Tetradic (Square)

#F4DFAE #AEF4BC #AEC3F4 #F4AEE6

Complementary

#F4DFAE #AEC3F4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.01: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: #F4DFAE;

color: #F4DFAE;

border-color: #F4DFAE;

}

Tailwind CSS (with arbitrary values)

bg-[#F4DFAE]

text-[#F4DFAE]

border-[#F4DFAE]

// Example usage: