#F5DCC2

#F5DCC2

Color Values

HEX

#F5DCC2

RGB

245, 220, 194

HSL

30.6, 71.8%, 86.1%

HSV

30.6, 20.8%, 96.1%

CMYK

0.0%, 10.2%, 20.8%, 3.9%

OKLCH

0.9083 0.0443 68.3

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F5DCC2

#C2DBF5

Analogous

#F5C3C2

#F4F5C2

#F5DCC2

Triadic

#F5DCC2

#C2F5DC

#DCC2F5

Split Complementary

#F5DCC2

#C2F4F5

#C3C2F5

Tetradic

#F5DCC2

#C2F5C3

#C2DBF5

#F5C2F4

Color Blindness Simulation

Original

#F5DCC2

Protanopia

#EAEAC8

Deuteranopia

#ECEECA

Tritanopia

#F4CDCE

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F5DCC2;
color: #F5DCC2;
border-color: #F5DCC2;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DCC2
300
#EEC396
400
#E4A25D
500
#DB8124
600
#AF671D
700
#8C5317
800
#6E4112
900
#503111
950
#321F0B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.9:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026