#E2AF70

#E2AF70

Color Values

HEX

#E2AF70

RGB

226, 175, 112

HSL

33.2, 66.3%, 66.3%

HSV

33.2, 50.4%, 88.6%

CMYK

0.0%, 22.6%, 50.4%, 11.4%

OKLCH

0.7871 0.1 71.4

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#E2AF70

#70A3E2

Analogous

#E27670

#DCE270

#E2AF70

Triadic

#E2AF70

#70E2AF

#AF70E2

Split Complementary

#E2AF70

#70DCE2

#7670E2

Tetradic

#E2AF70

#70E276

#70A3E2

#E270DC

Color Blindness Simulation

Original

#E2AF70

Protanopia

#CCCB7F

Deuteranopia

#CFD383

Tritanopia

#DF8B8E

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC4
300
#EAC699
400
#DFA762
500
#D4892B
600
#AA6D22
700
#88571B
800
#6A4415
900
#4D3414
950
#31210C

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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