#FCE445

#FCE445

Color Values

HEX

#FCE445

RGB

252, 228, 69

HSL

52,1, 96,8%, 62,9%

HSV

52,1, 72,6%, 98,8%

CMYK

0,0%, 9,5%, 72,6%, 1,2%

OKLCH

0,9122 0,1698 100,4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FCE445

#455DFC

Analogous

#FC8845

#B9FC45

#FCE445

Triadic

#FCE445

#45FCE4

#E445FC

Split Complementary

#FCE445

#45B9FC

#8845FC

Tetradic

#FCE445

#45FC88

#455DFC

#FC45B9

Color Blindness Simulation

Original

#FCE445

Protanopia

#F2F16B

Deuteranopia

#F3F575

Tritanopia

#FB8A91

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B9
300
#FDED87
400
#FCE445
500
#FBDA04
600
#C9AF03
700
#A18C03
800
#7D6D02
900
#5B5006
950
#393204

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,32: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