Skip to main content
ToolsHub
#2ECCBF

#2ECCBF Color — #2ECCBF

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

Color Format Conversions

HEX#2ECCBF
RGBrgb(46, 204, 191)
HSLhsl(175, 63%, 49%)
HSVhsv(175, 77%, 80%)
CMYKC:77% M:0% Y:6% K:20%
CSS Color#2ECCBF
Decimal3067071
Luminance0.4753

WCAG Accessibility Contrast

#2ECCBF on White
Ratio: 2:1 — Fail
#2ECCBF on Black
Ratio: 10.51:1 — AAA
White on #2ECCBF
Ratio: 2:1 — Fail
Black on #2ECCBF
Ratio: 10.51:1 — AAA

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

Shades & Tints Scale

50#F5FCFC
100#E0F7F5
200#C0F0EC
300#A1E8E2
400#77DED5
500#2ECCBF
600#25A399
700#1C7A73
800#12524C
900#0C3330

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 #2ECCBF?

The RGB equivalent is rgb(46, 204, 191). The red channel is 46, green is 204, and blue is 191 (scale 0–255).

What is the HSL value of #2ECCBF?

The HSL value is hsl(175, 63%, 49%). Hue is 175°, saturation is 63%, and lightness is 49%.

Does #2ECCBF meet WCAG accessibility standards?

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

What is the complementary color of #2ECCBF?

The complementary color (180° opposite on the hue wheel) of #2ECCBF is #CC2E3B.