Skip to main content
ToolsHub
#194571

#194571 Color — #194571

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

Color Format Conversions

HEX#194571
RGBrgb(25, 69, 113)
HSLhsl(210, 64%, 27%)
HSVhsv(210, 78%, 44%)
CMYKC:78% M:39% Y:0% K:56%
CSS Color#194571
Decimal1656177
Luminance0.0566

WCAG Accessibility Contrast

#194571 on White
Ratio: 9.85:1 — AAA
#194571 on Black
Ratio: 2.13:1 — Fail
White on #194571
Ratio: 9.85:1 — AAA
Black on #194571
Ratio: 2.13:1 — Fail

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

Shades & Tints Scale

50#F4F6F8
100#DDE3EA
200#BAC7D4
300#98ABBF
400#6A86A3
500#194571
600#14375A
700#0F2944
800#0A1C2D
900#06111C

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 #194571?

The RGB equivalent is rgb(25, 69, 113). The red channel is 25, green is 69, and blue is 113 (scale 0–255).

What is the HSL value of #194571?

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

Does #194571 meet WCAG accessibility standards?

On a white background, #194571 achieves a 9.85:1 contrast ratio (AAA). On a black background it achieves 2.13:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #194571?

The complementary color (180° opposite on the hue wheel) of #194571 is #714519.