#FCE103

#FCE103

Color Values

HEX

#FCE103

RGB

252, 225, 3

HSL

53.5, 97.6%, 50.0%

HSV

53.5, 98.8%, 98.8%

CMYK

0.0%, 10.7%, 98.8%, 1.2%

OKLCH

0.904 0.1879 100.5

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#FCE103

#031EFC

Analogous

#FC6503

#9AFC03

#FCE103

Triadic

#FCE103

#03FCE1

#E103FC

Split Complementary

#FCE103

#039AFC

#6503FC

Tetradic

#FCE103

#03FC65

#031EFC

#FC039A

Color Blindness Simulation

Original

#FCE103

Protanopia

#F0F039

Deuteranopia

#F2F446

Tritanopia

#FB636C

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FCE103;
color: #FCE103;
border-color: #FCE103;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FEF7B8
300
#FEF186
400
#FDE945
500
#FCE103
600
#CAB402
700
#A19002
800
#7E7002
900
#5B5206
950
#393404

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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