#FCF395

#FCF395

Color Values

HEX

#FCF395

RGB

252, 243, 149

HSL

54.8, 94.5%, 78.6%

HSV

54.8, 40.9%, 98.8%

CMYK

0.0%, 3.6%, 40.9%, 1.2%

OKLCH

0.9511 0.1158 103.6

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF395

#959EFC

Analogous

#FCBF95

#D1FC95

#FCF395

Triadic

#FCF395

#95FCF3

#F395FC

Split Complementary

#FCF395

#95D1FC

#BF95FC

Tetradic

#FCF395

#95FCBF

#959EFC

#FC95D1

Color Blindness Simulation

Original

#FCF395

Protanopia

#F8F8AC

Deuteranopia

#F9F9B1

Tritanopia

#FCBEC2

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FDF7BA
300
#FCF288
400
#FAEA47
500
#F8E307
600
#C6B606
700
#9F9104
800
#7C7204
900
#5A5307
950
#393405

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.39:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026