#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