Skip to main content
ToolsHub
#4CAAAE

#4CAAAE Color — #4CAAAE

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

Color Format Conversions

HEX#4CAAAE
RGBrgb(76, 170, 174)
HSLhsl(182, 39%, 49%)
HSVhsv(182, 56%, 68%)
CMYKC:56% M:2% Y:0% K:32%
CSS Color#4CAAAE
Decimal5024430
Luminance0.3334

WCAG Accessibility Contrast

#4CAAAE on White
Ratio: 2.74:1 — Fail
#4CAAAE on Black
Ratio: 7.67:1 — AAA
White on #4CAAAE
Ratio: 2.74:1 — Fail
Black on #4CAAAE
Ratio: 7.67:1 — AAA

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

Shades & Tints Scale

50#F6FBFB
100#E4F2F3
200#C9E6E7
300#AED9DB
400#8BC8CA
500#4CAAAE
600#3D888B
700#2E6668
800#1E4446
900#132B2C

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 #4CAAAE?

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

What is the HSL value of #4CAAAE?

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

Does #4CAAAE meet WCAG accessibility standards?

On a white background, #4CAAAE achieves a 2.74:1 contrast ratio (Fail). On a black background it achieves 7.67:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #4CAAAE?

The complementary color (180° opposite on the hue wheel) of #4CAAAE is #AE4F4C.