#FFD142

#FFD142

Color Values

HEX

#FFD142

RGB

255, 209, 66

HSL

45.4, 100.0%, 62.9%

HSV

45.4, 74.1%, 100.0%

CMYK

0.0%, 18.0%, 74.1%, 0.0%

OKLCH

0.8772 0.1596 90.2

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFD142

#4270FF

Analogous

#FF7242

#CEFF42

#FFD142

Triadic

#FFD142

#42FFD1

#D142FF

Split Complementary

#FFD142

#42CEFF

#7242FF

Tetradic

#FFD142

#42FF72

#4270FF

#FF42CE

Color Blindness Simulation

Original

#FFD142

Protanopia

#EBEB65

Deuteranopia

#EEF16D

Tritanopia

#FD8086

Achromatopsia

#D0D0D0

CSS Usage

background-color: #FFD142;
color: #FFD142;
border-color: #FFD142;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FFEEB8
300
#FFE185
400
#FFD142
500
#FFC100
600
#CC9A00
700
#A37B00
800
#806000
900
#5C4705
950
#3A2D03

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.45:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026