#E9BA78

#E9BA78

Color Values

HEX

#E9BA78

RGB

233, 186, 120

HSL

35.0, 72.0%, 69.2%

HSV

35.0, 48.5%, 91.4%

CMYK

0.0%, 20.2%, 48.5%, 8.6%

OKLCH

0.8166 0.0996 75.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#E9BA78

#78A7E9

Analogous

#E98178

#E0E978

#E9BA78

Triadic

#E9BA78

#78E9BA

#BA78E9

Split Complementary

#E9BA78

#78E0E9

#8178E9

Tetradic

#E9BA78

#78E981

#78A7E9

#E978E0

Color Blindness Simulation

Original

#E9BA78

Protanopia

#D5D488

Deuteranopia

#D7DB8C

Tritanopia

#E79597

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5E0C2
300
#EEC996
400
#E5AC5D
500
#DB8F24
600
#AF721D
700
#8C5B17
800
#6E4712
900
#503611
950
#32220B

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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