#FCF57B

#FCF57B

Color Values

HEX

#FCF57B

RGB

252, 245, 123

HSL

56.7, 95.6%, 73.5%

HSV

56.7, 51.2%, 98.8%

CMYK

0.0%, 2.8%, 51.2%, 1.2%

OKLCH

0.9516 0.1439 105.9

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF57B

#7B82FC

Analogous

#FCB47B

#C3FC7B

#FCF57B

Triadic

#FCF57B

#7BFCF5

#F57BFC

Split Complementary

#FCF57B

#7BC3FC

#B47BFC

Tetradic

#FCF57B

#7BFCB4

#7B82FC

#FC7BC3

Color Blindness Simulation

Original

#FCF57B

Protanopia

#F9F998

Deuteranopia

#F9FAA0

Tritanopia

#FCB0B5

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF687
400
#FBF146
500
#F9EC06
600
#C8BD04
700
#A09704
800
#7D7603
900
#5A5607
950
#393604

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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