Skip to main content
ToolsHub
#354A5F

#354A5F Color — #354A5F

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

Color Format Conversions

HEX#354A5F
RGBrgb(53, 74, 95)
HSLhsl(210, 28%, 29%)
HSVhsv(210, 44%, 37%)
CMYKC:44% M:22% Y:0% K:63%
CSS Color#354A5F
Decimal3492447
Luminance0.0648

WCAG Accessibility Contrast

#354A5F on White
Ratio: 9.15:1 — AAA
#354A5F on Black
Ratio: 2.3:1 — Fail
White on #354A5F
Ratio: 9.15:1 — AAA
Black on #354A5F
Ratio: 2.3:1 — Fail

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

Shades & Tints Scale

50#F5F6F7
100#E1E4E7
200#C2C9CF
300#A4AEB7
400#7C8997
500#354A5F
600#2A3B4C
700#202C39
800#151E26
900#0D1318

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 #354A5F?

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

What is the HSL value of #354A5F?

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

Does #354A5F meet WCAG accessibility standards?

On a white background, #354A5F achieves a 9.15:1 contrast ratio (AAA). On a black background it achieves 2.3:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #354A5F?

The complementary color (180° opposite on the hue wheel) of #354A5F is #5F4A35.