#FCD103

#FCD103

Color Values

HEX

#FCD103

RGB

252, 209, 3

HSL

49.6, 97.6%, 50.0%

HSV

49.6, 98.8%, 98.8%

CMYK

0.0%, 17.1%, 98.8%, 1.2%

OKLCH

0.8721 0.1784 93.8

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FCD103

#032EFC

Analogous

#FC5403

#ABFC03

#FCD103

Triadic

#FCD103

#03FCD1

#D103FC

Split Complementary

#FCD103

#03ABFC

#5403FC

Tetradic

#FCD103

#03FC54

#032EFC

#FC03AB

Color Blindness Simulation

Original

#FCD103

Protanopia

#E9E935

Deuteranopia

#ECEF41

Tritanopia

#FA5C65

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDD45
500
#FCD103
600
#CAA702
700
#A18602
800
#7E6802
900
#5B4C06
950
#393004

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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