#FFAB42

#FFAB42

Color Values

HEX

#FFAB42

RGB

255, 171, 66

HSL

33.3, 100.0%, 62.9%

HSV

33.3, 74.1%, 100.0%

CMYK

0.0%, 32.9%, 74.1%, 0.0%

OKLCH

0.806 0.1517 68.1

Properties

Warm Light Nearest: Neon Carrot

Color Harmonies

Complementary

#FFAB42

#4296FF

Analogous

#FF4C42

#F5FF42

#FFAB42

Triadic

#FFAB42

#42FFAB

#AB42FF

Split Complementary

#FFAB42

#42F5FF

#4C42FF

Tetradic

#FFAB42

#42FF4C

#4296FF

#FF42F5

Color Blindness Simulation

Original

#FFAB42

Protanopia

#DBDA5B

Deuteranopia

#E0E662

Tritanopia

#FB6F74

Achromatopsia

#B5B5B5

CSS Usage

background-color: #FFAB42;
color: #FFAB42;
border-color: #FFAB42;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFDFB8
300
#FFC985
400
#FFAB42
500
#FF8E00
600
#CC7100
700
#A35B00
800
#804700
900
#5C3505
950
#3A2203

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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