#FCF691

#FCF691

Color Values

HEX

#FCF691

RGB

252, 246, 145

HSL

56.6, 94.7%, 77.8%

HSV

56.6, 42.5%, 98.8%

CMYK

0.0%, 2.4%, 42.5%, 1.2%

OKLCH

0.9565 0.1232 105.5

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FCF691

#9197FC

Analogous

#FCC091

#CCFC91

#FCF691

Triadic

#FCF691

#91FCF6

#F691FC

Split Complementary

#FCF691

#91CCFC

#C091FC

Tetradic

#FCF691

#91FCC0

#9197FC

#FC91CC

Color Blindness Simulation

Original

#FCF691

Protanopia

#F9F9A9

Deuteranopia

#FAFAAF

Tritanopia

#FCBDC1

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDF9B9
300
#FCF588
400
#FAF047
500
#F8EB07
600
#C7BC05
700
#9F9604
800
#7C7503
900
#5A5507
950
#393605

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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