#F8B978

#F8B978

Color Values

HEX

#F8B978

RGB

248, 185, 120

HSL

30.5, 90.1%, 72.2%

HSV

30.5, 51.6%, 97.3%

CMYK

0.0%, 25.4%, 51.6%, 2.7%

OKLCH

0.8301 0.1097 66.2

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#F8B978

#78B7F8

Analogous

#F87978

#F7F878

#F8B978

Triadic

#F8B978

#78F8B9

#B978F8

Split Complementary

#F8B978

#78F7F8

#7978F8

Tetradic

#F8B978

#78F879

#78B7F8

#F878F7

Color Blindness Simulation

Original

#F8B978

Protanopia

#DDDC88

Deuteranopia

#E0E58C

Tritanopia

#F59497

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FBDCBB
300
#F9C38B
400
#F6A24C
500
#F2810D
600
#C2680A
700
#9B5308
800
#794106
900
#583109
950
#371F06

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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