#F5DAAD

#F5DAAD

Color Values

HEX

#F5DAAD

RGB

245, 218, 173

HSL

37.5, 78.3%, 82.0%

HSV

37.5, 29.4%, 96.1%

CMYK

0.0%, 11.0%, 29.4%, 3.9%

OKLCH

0.8998 0.0658 80.4

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#F5DAAD

#ADC8F5

Analogous

#F5B6AD

#ECF5AD

#F5DAAD

Triadic

#F5DAAD

#ADF5DA

#DAADF5

Split Complementary

#F5DAAD

#ADECF5

#B6ADF5

Tetradic

#F5DAAD

#ADF5B6

#ADC8F5

#F5ADEC

Color Blindness Simulation

Original

#F5DAAD

Protanopia

#E9E9B8

Deuteranopia

#EBEDBA

Tritanopia

#F4C0C2

Achromatopsia

#DCDCDC

CSS Usage

background-color: #F5DAAD;
color: #F5DAAD;
border-color: #F5DAAD;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF9F2
100
#F9F0E1
200
#F7E2BF
300
#F2CE92
400
#EBB357
500
#E3981C
600
#B67A16
700
#916212
800
#724C0E
900
#53390E
950
#342409

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.51:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026