#E7AD4F

#E7AD4F

Color Values

HEX

#E7AD4F

RGB

231, 173, 79

HSL

37.1, 76.0%, 60.8%

HSV

37.1, 65.8%, 90.6%

CMYK

0.0%, 25.1%, 65.8%, 9.4%

OKLCH

0.7843 0.1291 76.9

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#E7AD4F

#4F89E7

Analogous

#E7614F

#D5E74F

#E7AD4F

Triadic

#E7AD4F

#4FE7AD

#AD4FE7

Split Complementary

#E7AD4F

#4FD5E7

#614FE7

Tetradic

#E7AD4F

#4FE761

#4F89E7

#E74FD5

Color Blindness Simulation

Original

#E7AD4F

Protanopia

#CECD66

Deuteranopia

#D1D66B

Tritanopia

#E4787C

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F0E2
200
#F6E2C0
300
#F0CD93
400
#E8B259
500
#E0961F
600
#B47818
700
#906014
800
#704B0F
900
#52380F
950
#34240A

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026