#FDC602

#FDC602

Color Values

HEX

#FDC602

RGB

253, 198, 2

HSL

46.9, 98.4%, 50.0%

HSV

46.9, 99.2%, 99.2%

CMYK

0.0%, 21.7%, 99.2%, 0.8%

OKLCH

0.8516 0.1738 88.3

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FDC602

#0239FD

Analogous

#FD4902

#B6FD02

#FDC602

Triadic

#FDC602

#02FDC6

#C602FD

Split Complementary

#FDC602

#02B6FD

#4902FD

Tetradic

#FDC602

#02FD49

#0239FD

#FD02B6

Color Blindness Simulation

Original

#FDC602

Protanopia

#E5E531

Deuteranopia

#E8EC3D

Tritanopia

#FA575F

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB8
300
#FEE486
400
#FDD544
500
#FDC602
600
#CA9F02
700
#A27F01
800
#7E6301
900
#5B4906
950
#3A2E04

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026