Skip to main content
ToolsHub
#34495E

#34495E Color — #34495E

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

Color Format Conversions

HEX#34495E
RGBrgb(52, 73, 94)
HSLhsl(210, 29%, 29%)
HSVhsv(210, 45%, 37%)
CMYKC:45% M:22% Y:0% K:63%
CSS Color#34495E
Decimal3426654
Luminance0.063

WCAG Accessibility Contrast

#34495E on White
Ratio: 9.29:1 — AAA
#34495E on Black
Ratio: 2.26:1 — Fail
White on #34495E
Ratio: 9.29:1 — AAA
Black on #34495E
Ratio: 2.26: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#C2C8CF
300#A4ADB7
400#7B8996
500#34495E
600#2A3A4B
700#1F2C38
800#151D26
900#0D1218

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 #34495E?

The RGB equivalent is rgb(52, 73, 94). The red channel is 52, green is 73, and blue is 94 (scale 0–255).

What is the HSL value of #34495E?

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

Does #34495E meet WCAG accessibility standards?

On a white background, #34495E achieves a 9.29:1 contrast ratio (AAA). On a black background it achieves 2.26:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #34495E?

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