#FCF7BA

#FCF7BA

Color Values

HEX

#FCF7BA

RGB

252, 247, 186

HSL

55,5, 91,7%, 85,9%

HSV

55,5, 26,2%, 98,8%

CMYK

0,0%, 2,0%, 26,2%, 1,2%

OKLCH

0,9655 0,0779 103,8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FCF7BA

#BABFFC

Analogous

#FCD6BA

#E0FCBA

#FCF7BA

Triadic

#FCF7BA

#BAFCF7

#F7BAFC

Split Complementary

#FCF7BA

#BAE0FC

#D6BAFC

Tetradic

#FCF7BA

#BAFCD6

#BABFFC

#FCBAE0

Color Blindness Simulation

Original

#FCF7BA

Protanopia

#FAFAC9

Deuteranopia

#FAFACC

Tritanopia

#FCD4D7

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FCF7BB
300
#FAF28A
400
#F7EA4A
500
#F4E30B
600
#C4B608
700
#9C9107
800
#7A7105
900
#585208
950
#383405

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,15: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