#FCF597

#FCF597

Color Values

HEX

#FCF597

RGB

252, 245, 151

HSL

55.8, 94.4%, 79.0%

HSV

55.8, 40.1%, 98.8%

CMYK

0.0%, 2.8%, 40.1%, 1.2%

OKLCH

0.9554 0.1158 104.7

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF597

#979EFC

Analogous

#FCC297

#D1FC97

#FCF597

Triadic

#FCF597

#97FCF5

#F597FC

Split Complementary

#FCF597

#97D1FC

#C297FC

Tetradic

#FCF597

#97FCC2

#979EFC

#FC97D1

Color Blindness Simulation

Original

#FCF597

Protanopia

#F9F9AE

Deuteranopia

#F9FAB3

Tritanopia

#FCC0C4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBF9DF
200
#FDF8BA
300
#FCF388
400
#FAED48
500
#F8E707
600
#C6B906
700
#9F9405
800
#7C7404
900
#5A5407
950
#393505

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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