#FFD402

#FFD402

Color Values

HEX

#FFD402

RGB

255, 212, 2

HSL

49.8, 100.0%, 50.4%

HSV

49.8, 99.2%, 100.0%

CMYK

0.0%, 16.9%, 99.2%, 0.0%

OKLCH

0.8809 0.1804 94.0

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FFD402

#022DFF

Analogous

#FF5602

#ACFF02

#FFD402

Triadic

#FFD402

#02FFD4

#D402FF

Split Complementary

#FFD402

#02ACFF

#5602FF

Tetradic

#FFD402

#02FF56

#022DFF

#FF02AC

Color Blindness Simulation

Original

#FFD402

Protanopia

#ECEC35

Deuteranopia

#EFF241

Tritanopia

#FD5D66

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FFF3B8
300
#FFEA85
400
#FFDF42
500
#FFD400
600
#CCA900
700
#A38700
800
#806A00
900
#5C4D05
950
#3A3103

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026