#FCF78D

#FCF78D

Color Values

HEX

#FCF78D

RGB

252, 247, 141

HSL

57.3, 94.9%, 77.1%

HSV

57.3, 44.0%, 98.8%

CMYK

0.0%, 2.0%, 44.0%, 1.2%

OKLCH

0.958 0.1284 106.2

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF78D

#8D92FC

Analogous

#FCC08D

#CAFC8D

#FCF78D

Triadic

#FCF78D

#8DFCF7

#F78DFC

Split Complementary

#FCF78D

#8DCAFC

#C08DFC

Tetradic

#FCF78D

#8DFCC0

#8D92FC

#FC8DCA

Color Blindness Simulation

Original

#FCF78D

Protanopia

#FAFAA7

Deuteranopia

#FAFAAD

Tritanopia

#FCBBBF

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF788
400
#FAF247
500
#F8EE07
600
#C7BE05
700
#9F9804
800
#7C7703
900
#5A5607
950
#393604

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026