#FCF891

#FCF891

Color Values

HEX

#FCF891

RGB

252, 248, 145

HSL

57.8, 94.7%, 77.8%

HSV

57.8, 42.5%, 98.8%

CMYK

0.0%, 1.6%, 42.5%, 1.2%

OKLCH

0.9606 0.1254 106.6

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF891

#9195FC

Analogous

#FCC291

#CAFC91

#FCF891

Triadic

#FCF891

#91FCF8

#F891FC

Split Complementary

#FCF891

#91CAFC

#C291FC

Tetradic

#FCF891

#91FCC2

#9195FC

#FC91CA

Color Blindness Simulation

Original

#FCF891

Protanopia

#FAFAAA

Deuteranopia

#FAFBB0

Tritanopia

#FCBEC2

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FCF891;
color: #FCF891;
border-color: #FCF891;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFBB9
300
#FCF888
400
#FAF347
500
#F8EF07
600
#C7C005
700
#9F9904
800
#7C7803
900
#5A5707
950
#393705

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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