#F1AF50

#F1AF50

Color Values

HEX

#F1AF50

RGB

241, 175, 80

HSL

35.4, 85.2%, 62.9%

HSV

35.4, 66.8%, 94.5%

CMYK

0.0%, 27.4%, 66.8%, 5.5%

OKLCH

0.7989 0.1344 73.5

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F1AF50

#5092F1

Analogous

#F15E50

#E2F150

#F1AF50

Triadic

#F1AF50

#50F1AF

#AF50F1

Split Complementary

#F1AF50

#50E2F1

#5E50F1

Tetradic

#F1AF50

#50F15E

#5092F1

#F150E2

Color Blindness Simulation

Original

#F1AF50

Protanopia

#D4D467

Deuteranopia

#D8DD6C

Tritanopia

#EE797D

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FAE1BD
300
#F6CB8E
400
#F1AF50
500
#EC9313
600
#BD760F
700
#975E0C
800
#764A09
900
#56370B
950
#362307

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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