#F2DDAD

#F2DDAD

Color Values

HEX

#F2DDAD

RGB

242, 221, 173

HSL

41.7, 72.6%, 81.4%

HSV

41.7, 28.5%, 94.9%

CMYK

0.0%, 8.7%, 28.5%, 5.1%

OKLCH

0.903 0.0665 87.1

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#F2DDAD

#ADC2F2

Analogous

#F2BBAD

#E5F2AD

#F2DDAD

Triadic

#F2DDAD

#ADF2DD

#DDADF2

Split Complementary

#F2DDAD

#ADE5F2

#BBADF2

Tetradic

#F2DDAD

#ADF2BB

#ADC2F2

#F2ADE5

Color Blindness Simulation

Original

#F2DDAD

Protanopia

#E9E9B9

Deuteranopia

#EAECBB

Tritanopia

#F1C2C4

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F8F1E2
200
#F5E5C1
300
#EED395
400
#E5BB5C
500
#DCA423
600
#B0831C
700
#8D6916
800
#6E5211
900
#503D11
950
#33260B

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.72:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026