#EAB77F

#EAB77F

Color Values

HEX

#EAB77F

RGB

234, 183, 127

HSL

31.4, 71.8%, 70.8%

HSV

31.4, 45.7%, 91.8%

CMYK

0.0%, 21.8%, 45.7%, 8.2%

OKLCH

0.813 0.0934 68.5

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#EAB77F

#7FB2EA

Analogous

#EA827F

#E8EA7F

#EAB77F

Triadic

#EAB77F

#7FEAB7

#B77FEA

Split Complementary

#EAB77F

#7FE8EA

#827FEA

Tetradic

#EAB77F

#7FEA82

#7FB2EA

#EA7FE8

Color Blindness Simulation

Original

#EAB77F

Protanopia

#D4D38D

Deuteranopia

#D7DB90

Tritanopia

#E7979A

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F5DCC2
300
#EEC496
400
#E4A45D
500
#DB8424
600
#AF691D
700
#8C5417
800
#6E4212
900
#503211
950
#32200B

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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