#F8B78C

#F8B78C

Color Values

HEX

#F8B78C

RGB

248, 183, 140

HSL

23.9, 88.5%, 76.1%

HSV

23.9, 43.5%, 97.3%

CMYK

0.0%, 26.2%, 43.5%, 2.7%

OKLCH

0.8298 0.0947 54.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F8B78C

#8CCDF8

Analogous

#F88C97

#F8ED8C

#F8B78C

Triadic

#F8B78C

#8CF8B7

#B78CF8

Split Complementary

#F8B78C

#8CF8ED

#8C97F8

Tetradic

#F8B78C

#97F88C

#8CCDF8

#ED8CF8

Color Blindness Simulation

Original

#F8B78C

Protanopia

#DCDB96

Deuteranopia

#E0E499

Tritanopia

#F59FA0

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBEAE0
200
#FBD5BC
300
#F8B78C
400
#F4904D
500
#F0690F
600
#C0540C
700
#9A4309
800
#783407
900
#57290A
950
#371A06

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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