#FCF2BF

#FCF2BF

Color Values

HEX

#FCF2BF

RGB

252, 242, 191

HSL

50.2, 91.0%, 86.9%

HSV

50.2, 24.2%, 98.8%

CMYK

0.0%, 4.0%, 24.2%, 1.2%

OKLCH

0.9566 0.0664 98.2

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FCF2BF

#BFC9FC

Analogous

#FCD4BF

#E8FCBF

#FCF2BF

Triadic

#FCF2BF

#BFFCF2

#F2BFFC

Split Complementary

#FCF2BF

#BFE8FC

#D4BFFC

Tetradic

#FCF2BF

#BFFCD4

#BFC9FC

#FCBFE8

Color Blindness Simulation

Original

#FCF2BF

Protanopia

#F8F8CB

Deuteranopia

#F8F9CE

Tritanopia

#FBD5D7

Achromatopsia

#F0F0F0

CSS Usage

background-color: #FCF2BF;
color: #FCF2BF;
border-color: #FCF2BF;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FCF1BB
300
#F9E78A
400
#F7DA4B
500
#F4CE0B
600
#C3A409
700
#9C8407
800
#7A6706
900
#584B09
950
#382F06

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026