#FCF2BA

#FCF2BA

Color Values

HEX

#FCF2BA

RGB

252, 242, 186

HSL

50,9, 91,7%, 85,9%

HSV

50,9, 26,2%, 98,8%

CMYK

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

OKLCH

0,9556 0,0725 99,1

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FCF2BA

#BAC4FC

Analogous

#FCD1BA

#E5FCBA

#FCF2BA

Triadic

#FCF2BA

#BAFCF2

#F2BAFC

Split Complementary

#FCF2BA

#BAE5FC

#D1BAFC

Tetradic

#FCF2BA

#BAFCD1

#BAC4FC

#FCBAE5

Color Blindness Simulation

Original

#FCF2BA

Protanopia

#F8F8C8

Deuteranopia

#F8F9CB

Tritanopia

#FBD2D5

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FCF2BB
300
#FAE98A
400
#F7DD4A
500
#F4D10B
600
#C4A708
700
#9C8607
800
#7A6805
900
#584C08
950
#383005

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,55: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