#F9DCCC

#F9DCCC

Color Values

HEX

#F9DCCC

RGB

249, 220, 204

HSL

21,3, 78,9%, 88,8%

HSV

21,3, 18,1%, 97,6%

CMYK

0,0%, 11,6%, 18,1%, 2,4%

OKLCH

0,9142 0,0388 50,8

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F9DCCC

#CCE9F9

Analogous

#F9CCD2

#F9F2CC

#F9DCCC

Triadic

#F9DCCC

#CCF9DC

#DCCCF9

Split Complementary

#F9DCCC

#CCF9F2

#CCD2F9

Tetradic

#F9DCCC

#D2F9CC

#CCE9F9

#F2CCF9

Color Blindness Simulation

Original

#F9DCCC

Protanopia

#ECECD0

Deuteranopia

#EEF0D1

Tritanopia

#F8D3D4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EAE1
200
#F7D3BF
300
#F2B492
400
#EB8B56
500
#E4621B
600
#B64F16
700
#923F11
800
#72310D
900
#53260E
950
#341809

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,14: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