#F9BA8A

#F9BA8A

Color Values

HEX

#F9BA8A

RGB

249, 186, 138

HSL

25.9, 90.2%, 75.9%

HSV

25.9, 44.6%, 97.6%

CMYK

0.0%, 25.3%, 44.6%, 2.4%

OKLCH

0.8359 0.0963 58.3

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F9BA8A

#8AC9F9

Analogous

#F98A92

#F9F18A

#F9BA8A

Triadic

#F9BA8A

#8AF9BA

#BA8AF9

Split Complementary

#F9BA8A

#8AF9F1

#8A92F9

Tetradic

#F9BA8A

#92F98A

#8AC9F9

#F18AF9

Color Blindness Simulation

Original

#F9BA8A

Protanopia

#DEDD96

Deuteranopia

#E1E698

Tritanopia

#F69FA1

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FCD7BB
300
#F9BA8B
400
#F6954C
500
#F3700C
600
#C2590A
700
#9B4808
800
#793806
900
#582B09
950
#371B06

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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