#F8C795

#F8C795

Color Values

HEX

#F8C795

RGB

248, 199, 149

HSL

30.3, 87.6%, 77.8%

HSV

30.3, 39.9%, 97.3%

CMYK

0.0%, 19.8%, 39.9%, 2.7%

OKLCH

0.8613 0.0856 66.9

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F8C795

#95C6F8

Analogous

#F89595

#F7F895

#F8C795

Triadic

#F8C795

#95F8C7

#C795F8

Split Complementary

#F8C795

#95F7F8

#9595F8

Tetradic

#F8C795

#95F895

#95C6F8

#F895F7

Color Blindness Simulation

Original

#F8C795

Protanopia

#E3E2A1

Deuteranopia

#E6E9A4

Tritanopia

#F6ABAD

Achromatopsia

#CECECE

CSS Usage

background-color: #F8C795;
color: #F8C795;
border-color: #F8C795;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FBDCBC
300
#F7C28C
400
#F3A14E
500
#EF8110
600
#BF670D
700
#99520A
800
#784008
900
#57310A
950
#371F06

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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