#FCE846

#FCE846

Color Values

HEX

#FCE846

RGB

252, 232, 70

HSL

53.4, 96.8%, 63.1%

HSV

53.4, 72.2%, 98.8%

CMYK

0.0%, 7.9%, 72.2%, 1.2%

OKLCH

0.9204 0.1723 102.1

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FCE846

#465AFC

Analogous

#FC8D46

#B5FC46

#FCE846

Triadic

#FCE846

#46FCE8

#E846FC

Split Complementary

#FCE846

#46B5FC

#8D46FC

Tetradic

#FCE846

#46FC8D

#465AFC

#FC46B5

Color Blindness Simulation

Original

#FCE846

Protanopia

#F3F36D

Deuteranopia

#F4F677

Tritanopia

#FB8C93

Achromatopsia

#E1E1E1

CSS Usage

background-color: #FCE846;
color: #FCE846;
border-color: #FCE846;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FEF6B9
300
#FDF087
400
#FCE845
500
#FBE004
600
#C9B303
700
#A18F03
800
#7D7002
900
#5B5106
950
#393304

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026