#F2A950

#F2A950

Color Values

HEX

#F2A950

RGB

242, 169, 80

HSL

33.0, 86.2%, 63.1%

HSV

33.0, 66.9%, 94.9%

CMYK

0.0%, 30.2%, 66.9%, 5.1%

OKLCH

0.7889 0.1349 68.9

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2A950

#5099F2

Analogous

#F25850

#EAF250

#F2A950

Triadic

#F2A950

#50F2A9

#A950F2

Split Complementary

#F2A950

#50EAF2

#5850F2

Tetradic

#F2A950

#50F258

#5099F2

#F250EA

Color Blindness Simulation

Original

#F2A950

Protanopia

#D2D266

Deuteranopia

#D7DC6B

Tritanopia

#EE777A

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBD
300
#F7C78D
400
#F2A94F
500
#ED8A12
600
#BE6F0E
700
#98590B
800
#774509
900
#56340B
950
#362107

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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