#FCF695

#FCF695

Color Values

HEX

#FCF695

RGB

252, 246, 149

HSL

56.5, 94.5%, 78.6%

HSV

56.5, 40.9%, 98.8%

CMYK

0.0%, 2.4%, 40.9%, 1.2%

OKLCH

0.9571 0.119 105.3

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF695

#959BFC

Analogous

#FCC295

#CEFC95

#FCF695

Triadic

#FCF695

#95FCF6

#F695FC

Split Complementary

#FCF695

#95CEFC

#C295FC

Tetradic

#FCF695

#95FCC2

#959BFC

#FC95CE

Color Blindness Simulation

Original

#FCF695

Protanopia

#F9F9AC

Deuteranopia

#FAFAB2

Tritanopia

#FCBFC3

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FDF9BA
300
#FCF588
400
#FAEF47
500
#F8EA07
600
#C6BB06
700
#9F9604
800
#7C7504
900
#5A5507
950
#393605

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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