#F9DDCE

#F9DDCE

Color Values

HEX

#F9DDCE

RGB

249, 221, 206

HSL

20.9, 78.2%, 89.2%

HSV

20.9, 17.3%, 97.6%

CMYK

0.0%, 11.2%, 17.3%, 2.4%

OKLCH

0.9166 0.0371 50.0

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F9DDCE

#CEEAF9

Analogous

#F9CED4

#F9F2CE

#F9DDCE

Triadic

#F9DDCE

#CEF9DD

#DDCEF9

Split Complementary

#F9DDCE

#CEF9F2

#CED4F9

Tetradic

#F9DDCE

#D4F9CE

#CEEAF9

#F2CEF9

Color Blindness Simulation

Original

#F9DDCE

Protanopia

#EDEDD2

Deuteranopia

#EEF1D2

Tritanopia

#F8D4D5

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EAE1
200
#F7D3BF
300
#F2B392
400
#EA8A57
500
#E3611C
600
#B64E16
700
#913E12
800
#72310E
900
#53260E
950
#341809

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026