#FCF8B1

#FCF8B1

Color Values

HEX

#FCF8B1

RGB

252, 248, 177

HSL

56.8, 92.6%, 84.1%

HSV

56.8, 29.8%, 98.8%

CMYK

0.0%, 1.6%, 29.8%, 1.2%

OKLCH

0.9658 0.0898 105.2

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FCF8B1

#B1B5FC

Analogous

#FCD2B1

#DAFCB1

#FCF8B1

Triadic

#FCF8B1

#B1FCF8

#F8B1FC

Split Complementary

#FCF8B1

#B1DAFC

#D2B1FC

Tetradic

#FCF8B1

#B1FCD2

#B1B5FC

#FCB1DA

Color Blindness Simulation

Original

#FCF8B1

Protanopia

#FAFAC2

Deuteranopia

#FAFBC6

Tritanopia

#FCD0D3

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BA
300
#FAF489
400
#F8EF49
500
#F6E909
600
#C4BA08
700
#9D9506
800
#7B7405
900
#595508
950
#383505

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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