Skip to main content
ToolsHub
#3CB4AE

#3CB4AE Color — #3CB4AE

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

Color Format Conversions

HEX#3CB4AE
RGBrgb(60, 180, 174)
HSLhsl(177, 50%, 47%)
HSVhsv(177, 67%, 71%)
CMYKC:67% M:0% Y:3% K:29%
CSS Color#3CB4AE
Decimal3978414
Luminance0.3666

WCAG Accessibility Contrast

#3CB4AE on White
Ratio: 2.52:1 — Fail
#3CB4AE on Black
Ratio: 8.33:1 — AAA
White on #3CB4AE
Ratio: 2.52:1 — Fail
Black on #3CB4AE
Ratio: 8.33:1 — AAA

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

Shades & Tints Scale

50#F5FBFB
100#E2F4F3
200#C5E9E7
300#A7DDDB
400#80CECA
500#3CB4AE
600#30908B
700#246C68
800#184846
900#0F2D2C

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 #3CB4AE?

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

What is the HSL value of #3CB4AE?

The HSL value is hsl(177, 50%, 47%). Hue is 177°, saturation is 50%, and lightness is 47%.

Does #3CB4AE meet WCAG accessibility standards?

On a white background, #3CB4AE achieves a 2.52:1 contrast ratio (Fail). On a black background it achieves 8.33:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #3CB4AE?

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