Skip to main content
ToolsHub
#355F4A

#355F4A Color — #355F4A

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

Color Format Conversions

HEX#355F4A
RGBrgb(53, 95, 74)
HSLhsl(150, 28%, 29%)
HSVhsv(150, 44%, 37%)
CMYKC:44% M:0% Y:22% K:63%
CSS Color#355F4A
Decimal3497802
Luminance0.0944

WCAG Accessibility Contrast

#355F4A on White
Ratio: 7.27:1 — AAA
#355F4A on Black
Ratio: 2.89:1 — Fail
White on #355F4A
Ratio: 7.27:1 — AAA
Black on #355F4A
Ratio: 2.89:1 — Fail

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

Shades & Tints Scale

50#F5F7F6
100#E1E7E4
200#C2CFC9
300#A4B7AE
400#7C9789
500#355F4A
600#2A4C3B
700#20392C
800#15261E
900#0D1813

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 #355F4A?

The RGB equivalent is rgb(53, 95, 74). The red channel is 53, green is 95, and blue is 74 (scale 0–255).

What is the HSL value of #355F4A?

The HSL value is hsl(150, 28%, 29%). Hue is 150°, saturation is 28%, and lightness is 29%.

Does #355F4A meet WCAG accessibility standards?

On a white background, #355F4A achieves a 7.27:1 contrast ratio (AAA). On a black background it achieves 2.89:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #355F4A?

The complementary color (180° opposite on the hue wheel) of #355F4A is #5F354A.