#F2B150

#F2B150

Color Values

HEX

#F2B150

RGB

242, 177, 80

HSL

35.9, 86.2%, 63.1%

HSV

35.9, 66.9%, 94.9%

CMYK

0.0%, 26.9%, 66.9%, 5.1%

OKLCH

0.8037 0.1352 74.4

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2B150

#5091F2

Analogous

#F26050

#E2F250

#F2B150

Triadic

#F2B150

#50F2B1

#B150F2

Split Complementary

#F2B150

#50E2F2

#6050F2

Tetradic

#F2B150

#50F260

#5091F2

#F250E2

Color Blindness Simulation

Original

#F2B150

Protanopia

#D6D567

Deuteranopia

#DADE6D

Tritanopia

#EF7A7E

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#FAE1BD
300
#F7CC8D
400
#F2B14F
500
#ED9512
600
#BE770E
700
#985F0B
800
#774B09
900
#56380B
950
#362307

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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