#F9F2CE

#F9F2CE

Color Values

HEX

#F9F2CE

RGB

249, 242, 206

HSL

50.2, 78.2%, 89.2%

HSV

50.2, 17.3%, 97.6%

CMYK

0.0%, 2.8%, 17.3%, 2.4%

OKLCH

0.9575 0.0475 98.1

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F9F2CE

#CED5F9

Analogous

#F9DCCE

#EAF9CE

#F9F2CE

Triadic

#F9F2CE

#CEF9F2

#F2CEF9

Split Complementary

#F9F2CE

#CEEAF9

#DCCEF9

Tetradic

#F9F2CE

#CEF9DC

#CED5F9

#F9CEEA

Color Blindness Simulation

Original

#F9F2CE

Protanopia

#F6F6D7

Deuteranopia

#F6F7D9

Tritanopia

#F9DEDF

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F9F2CE;
color: #F9F2CE;
border-color: #F9F2CE;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FCFBF2
100
#F9F5E1
200
#F7EEBF
300
#F2E292
400
#EAD257
500
#E3C31C
600
#B69C16
700
#917D12
800
#72610E
900
#53470E
950
#342D09

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.62: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