#F2AA50

#F2AA50

Color Values

HEX

#F2AA50

RGB

242, 170, 80

HSL

33.3, 86.2%, 63.1%

HSV

33.3, 66.9%, 94.9%

CMYK

0.0%, 29.8%, 66.9%, 5.1%

OKLCH

0.7908 0.1349 69.6

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2AA50

#5098F2

Analogous

#F25950

#E9F250

#F2AA50

Triadic

#F2AA50

#50F2AA

#AA50F2

Split Complementary

#F2AA50

#50E9F2

#5950F2

Tetradic

#F2AA50

#50F259

#5098F2

#F250E9

Color Blindness Simulation

Original

#F2AA50

Protanopia

#D3D266

Deuteranopia

#D7DC6B

Tritanopia

#EE777B

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FADFBD
300
#F7C88D
400
#F2AA4F
500
#ED8C12
600
#BE700E
700
#98590B
800
#774609
900
#56350B
950
#362107

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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