#FFAF42

#FFAF42

Color Values

HEX

#FFAF42

RGB

255, 175, 66

HSL

34.6, 100.0%, 62.9%

HSV

34.6, 74.1%, 100.0%

CMYK

0.0%, 31.4%, 74.1%, 0.0%

OKLCH

0.8132 0.1514 70.5

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FFAF42

#4292FF

Analogous

#FF5042

#F0FF42

#FFAF42

Triadic

#FFAF42

#42FFAF

#AF42FF

Split Complementary

#FFAF42

#42F0FF

#5042FF

Tetradic

#FFAF42

#42FF50

#4292FF

#FF42F0

Color Blindness Simulation

Original

#FFAF42

Protanopia

#DCDC5C

Deuteranopia

#E1E763

Tritanopia

#FB7176

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFE1B8
300
#FFCB85
400
#FFAF42
500
#FF9300
600
#CC7600
700
#A35E00
800
#804A00
900
#5C3705
950
#3A2303

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026