#FDC402

#FDC402

Color Values

HEX

#FDC402

RGB

253, 196, 2

HSL

46.4, 98.4%, 50.0%

HSV

46.4, 99.2%, 99.2%

CMYK

0.0%, 22.5%, 99.2%, 0.8%

OKLCH

0.8478 0.1731 87.3

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FDC402

#023BFD

Analogous

#FD4702

#B8FD02

#FDC402

Triadic

#FDC402

#02FDC4

#C402FD

Split Complementary

#FDC402

#02B8FD

#4702FD

Tetradic

#FDC402

#02FD47

#023BFD

#FD02B8

Color Blindness Simulation

Original

#FDC402

Protanopia

#E4E431

Deuteranopia

#E8EC3C

Tritanopia

#FA565E

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEFB8
300
#FEE386
400
#FDD344
500
#FDC402
600
#CA9D02
700
#A27D01
800
#7E6201
900
#5B4806
950
#3A2D04

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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