#FCE77D

#FCE77D

Color Values

HEX

#FCE77D

RGB

252, 231, 125

HSL

50.1, 95.5%, 73.9%

HSV

50.1, 50.4%, 98.8%

CMYK

0.0%, 8.3%, 50.4%, 1.2%

OKLCH

0.9236 0.1288 98.4

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FCE77D

#7D92FC

Analogous

#FCA77D

#D1FC7D

#FCE77D

Triadic

#FCE77D

#7DFCE7

#E77DFC

Split Complementary

#FCE77D

#7DD1FC

#A77DFC

Tetradic

#FCE77D

#7DFCA7

#7D92FC

#FC7DD1

Color Blindness Simulation

Original

#FCE77D

Protanopia

#F3F397

Deuteranopia

#F4F69D

Tritanopia

#FBABAF

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DF
200
#FDF2B9
300
#FCE987
400
#FBDD47
500
#F9D106
600
#C7A705
700
#A08604
800
#7D6903
900
#5A4C07
950
#393004

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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