#FFC942

#FFC942

Color Values

HEX

#FFC942

RGB

255, 201, 66

HSL

42.9, 100.0%, 62.9%

HSV

42.9, 74.1%, 100.0%

CMYK

0.0%, 21.2%, 74.1%, 0.0%

OKLCH

0.8617 0.156 85.9

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FFC942

#4278FF

Analogous

#FF6A42

#D6FF42

#FFC942

Triadic

#FFC942

#42FFC9

#C942FF

Split Complementary

#FFC942

#42D6FF

#6A42FF

Tetradic

#FFC942

#42FF6A

#4278FF

#FF42D6

Color Blindness Simulation

Original

#FFC942

Protanopia

#E8E763

Deuteranopia

#EBEF6A

Tritanopia

#FC7C82

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFEBB8
300
#FFDC85
400
#FFC942
500
#FFB600
600
#CC9200
700
#A37500
800
#805B00
900
#5C4305
950
#3A2A03

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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