#F5E8C2

#F5E8C2

Color Values

HEX

#F5E8C2

RGB

245, 232, 194

HSL

44.7, 71.8%, 86.1%

HSV

44.7, 20.8%, 96.1%

CMYK

0.0%, 5.3%, 20.8%, 3.9%

OKLCH

0.9318 0.0516 91.4

Properties

Warm Light Nearest: NCS S 0520-Y10R Cream

Color Harmonies

Complementary

#F5E8C2

#C2CFF5

Analogous

#F5CFC2

#E9F5C2

#F5E8C2

Triadic

#F5E8C2

#C2F5E8

#E8C2F5

Split Complementary

#F5E8C2

#C2E9F5

#CFC2F5

Tetradic

#F5E8C2

#C2F5CF

#C2CFF5

#F5C2E9

Color Blindness Simulation

Original

#F5E8C2

Protanopia

#EFEFCB

Deuteranopia

#F0F1CD

Tritanopia

#F4D2D4

Achromatopsia

#E8E8E8

CSS Usage

background-color: #F5E8C2;
color: #F5E8C2;
border-color: #F5E8C2;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FCFAF3
100
#F8F2E2
200
#F5E8C2
300
#EED796
400
#E4C25D
500
#DBAC24
600
#AF8A1D
700
#8C6E17
800
#6E5612
900
#504011
950
#32280B

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.2:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026