Skip to main content
ToolsHub
#E0CF3E

#E0CF3E Color — #E0CF3E

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

Color Format Conversions

HEX#E0CF3E
RGBrgb(224, 207, 62)
HSLhsl(54, 72%, 56%)
HSVhsv(54, 72%, 88%)
CMYKC:0% M:8% Y:72% K:12%
CSS Color#E0CF3E
Decimal14733118
Luminance0.6082

WCAG Accessibility Contrast

#E0CF3E on White
Ratio: 1.6:1 — Fail
#E0CF3E on Black
Ratio: 13.16:1 — AAA
White on #E0CF3E
Ratio: 1.6:1 — Fail
Black on #E0CF3E
Ratio: 13.16:1 — AAA

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

Shades & Tints Scale

50#FDFDF5
100#FAF8E2
200#F6F1C5
300#F1E9A8
400#EBE082
500#E0CF3E
600#B3A632
700#867C25
800#5A5319
900#383410

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 #E0CF3E?

The RGB equivalent is rgb(224, 207, 62). The red channel is 224, green is 207, and blue is 62 (scale 0–255).

What is the HSL value of #E0CF3E?

The HSL value is hsl(54, 72%, 56%). Hue is 54°, saturation is 72%, and lightness is 56%.

Does #E0CF3E meet WCAG accessibility standards?

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

What is the complementary color of #E0CF3E?

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