#E4B86F

#E4B86F

Color Values

HEX

#E4B86F

RGB

228, 184, 111

HSL

37.4, 68.4%, 66.5%

HSV

37.4, 51.3%, 89.4%

CMYK

0.0%, 19.3%, 51.3%, 10.6%

OKLCH

0.8064 0.1045 79.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#E4B86F

#6F9BE4

Analogous

#E47E6F

#D6E46F

#E4B86F

Triadic

#E4B86F

#6FE4B8

#B86FE4

Split Complementary

#E4B86F

#6FD6E4

#7E6FE4

Tetradic

#E4B86F

#6FE47E

#6F9BE4

#E46FD6

Color Blindness Simulation

Original

#E4B86F

Protanopia

#D1D181

Deuteranopia

#D4D785

Tritanopia

#E28F92

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8F0E3
200
#F4E1C3
300
#ECCC98
400
#E1B160
500
#D79528
600
#AC7720
700
#895F1A
800
#6B4B14
900
#4E3813
950
#31230C

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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