#F2AD4F

#F2AD4F

Color Values

HEX

#F2AD4F

RGB

242, 173, 79

HSL

34.6, 86.2%, 62.9%

HSV

34.6, 67.4%, 94.9%

CMYK

0.0%, 28.5%, 67.4%, 5.1%

OKLCH

0.7962 0.1355 71.9

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2AD4F

#4F94F2

Analogous

#F25B4F

#E5F24F

#F2AD4F

Triadic

#F2AD4F

#4FF2AD

#AD4FF2

Split Complementary

#F2AD4F

#4FE5F2

#5B4FF2

Tetradic

#F2AD4F

#4FF25B

#4F94F2

#F24FE5

Color Blindness Simulation

Original

#F2AD4F

Protanopia

#D4D466

Deuteranopia

#D8DD6B

Tritanopia

#EF787C

Achromatopsia

#B5B5B5

CSS Usage

background-color: #F2AD4F;
color: #F2AD4F;
border-color: #F2AD4F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FAE0BD
300
#F7CA8D
400
#F2AD4F
500
#ED9012
600
#BE730E
700
#985C0B
800
#774809
900
#56360B
950
#362207

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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