Skip to main content
ToolsHub
#E7A23C

#E7A23C Color — #E7A23C

Complete color reference for #E7A23C: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#E7A23C
RGBrgb(231, 162, 60)
HSLhsl(36, 78%, 57%)
HSVhsv(36, 74%, 91%)
CMYKC:0% M:30% Y:74% K:9%
CSS Color#E7A23C
Decimal15180348
Luminance0.4316

WCAG Accessibility Contrast

#E7A23C on White
Ratio: 2.18:1 — Fail
#E7A23C on Black
Ratio: 9.63:1 — AAA
White on #E7A23C
Ratio: 2.18:1 — Fail
Black on #E7A23C
Ratio: 9.63:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FEFAF5
100#FBF1E2
200#F8E3C5
300#F4D5A7
400#EFC380
500#E7A23C
600#B98230
700#8B6124
800#5C4118
900#3A290F

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #E7A23C?

The RGB equivalent is rgb(231, 162, 60). The red channel is 231, green is 162, and blue is 60 (scale 0–255).

What is the HSL value of #E7A23C?

The HSL value is hsl(36, 78%, 57%). Hue is 36°, saturation is 78%, and lightness is 57%.

Does #E7A23C meet WCAG accessibility standards?

On a white background, #E7A23C achieves a 2.18:1 contrast ratio (Fail). On a black background it achieves 9.63:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #E7A23C?

The complementary color (180° opposite on the hue wheel) of #E7A23C is #3C80E7.