#F1CC9F

#F1CC9F

Color Values

HEX

#F1CC9F

RGB

241, 204, 159

HSL

32.9, 74.5%, 78.4%

HSV

32.9, 34.0%, 94.5%

CMYK

0.0%, 15.4%, 34.0%, 5.5%

OKLCH

0.8661 0.0722 72.1

Properties

Warm Light Nearest: navajowhite 2

Color Harmonies

Complementary

#F1CC9F

#9FC4F1

Analogous

#F1A39F

#EDF19F

#F1CC9F

Triadic

#F1CC9F

#9FF1CC

#CC9FF1

Split Complementary

#F1CC9F

#9FEDF1

#A39FF1

Tetradic

#F1CC9F

#9FF1A3

#9FC4F1

#F19FED

Color Blindness Simulation

Original

#F1CC9F

Protanopia

#E1E1AA

Deuteranopia

#E3E6AC

Tritanopia

#EFB2B4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F6DEC1
300
#EFC694
400
#E7A75A
500
#DE8921
600
#B26D1A
700
#8E5715
800
#6F4410
900
#513410
950
#33210A

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.88:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026