#E4B96F

#E4B96F

Color Values

HEX

#E4B96F

RGB

228, 185, 111

HSL

37.9, 68.4%, 66.5%

HSV

37.9, 51.3%, 89.4%

CMYK

0.0%, 18.9%, 51.3%, 10.6%

OKLCH

0.8084 0.1049 80.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#E4B96F

#6F9AE4

Analogous

#E47F6F

#D5E46F

#E4B96F

Triadic

#E4B96F

#6FE4B9

#B96FE4

Split Complementary

#E4B96F

#6FD5E4

#7F6FE4

Tetradic

#E4B96F

#6FE47F

#6F9AE4

#E46FD5

Color Blindness Simulation

Original

#E4B96F

Protanopia

#D1D181

Deuteranopia

#D4D785

Tritanopia

#E28F92

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F8F0E3
200
#F4E2C3
300
#ECCD98
400
#E1B260
500
#D79628
600
#AC7820
700
#89601A
800
#6B4B14
900
#4E3813
950
#31240C

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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