#E8C798

#E8C798

Color Values

HEX

#E8C798

RGB

232, 199, 152

HSL

35.2, 63.5%, 75.3%

HSV

35.2, 34.5%, 91.0%

CMYK

0.0%, 14.2%, 34.5%, 9.0%

OKLCH

0.8466 0.072 76.3

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#E8C798

#98B9E8

Analogous

#E89F98

#E1E898

#E8C798

Triadic

#E8C798

#98E8C7

#C798E8

Split Complementary

#E8C798

#98E1E8

#9F98E8

Tetradic

#E8C798

#98E89F

#98B9E8

#E898E1

Color Blindness Simulation

Original

#E8C798

Protanopia

#DAD9A3

Deuteranopia

#DCDEA6

Tritanopia

#E6ACAE

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E9C99B
400
#DDAB65
500
#D08E2F
600
#A77125
700
#855B1E
800
#684717
900
#4C3515
950
#30220D

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026