#F2AB59

#F2AB59

Color Values

HEX

#F2AB59

RGB

242, 171, 89

HSL

32,2, 85,5%, 64,9%

HSV

32,2, 63,2%, 94,9%

CMYK

0,0%, 29,3%, 63,2%, 5,1%

OKLCH

0,7936 0,1288 67,9

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F2AB59

#59A0F2

Analogous

#F25F59

#ECF259

#F2AB59

Triadic

#F2AB59

#59F2AB

#AB59F2

Split Complementary

#F2AB59

#59ECF2

#5F59F2

Tetradic

#F2AB59

#59F25F

#59A0F2

#F259EC

Color Blindness Simulation

Original

#F2AB59

Protanopia

#D3D36D

Deuteranopia

#D7DD72

Tritanopia

#EE7D80

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBD
300
#F6C68D
400
#F1A750
500
#ED8712
600
#BD6C0F
700
#97570C
800
#764409
900
#56330B
950
#362007

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,74:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Fév 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026