#E5B771

#E5B771

Color Values

HEX

#E5B771

RGB

229, 183, 113

HSL

36.2, 69.0%, 67.1%

HSV

36.2, 50.7%, 89.8%

CMYK

0.0%, 20.1%, 50.7%, 10.2%

OKLCH

0.8058 0.1028 77.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#E5B771

#719FE5

Analogous

#E57D71

#D9E571

#E5B771

Triadic

#E5B771

#71E5B7

#B771E5

Split Complementary

#E5B771

#71D9E5

#7D71E5

Tetradic

#E5B771

#71E57D

#719FE5

#E571D9

Color Blindness Simulation

Original

#E5B771

Protanopia

#D1D182

Deuteranopia

#D4D786

Tritanopia

#E38F92

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C3
300
#ECCB98
400
#E2AE60
500
#D79228
600
#AC7520
700
#8A5D19
800
#6C4914
900
#4F3712
950
#32230C

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026