Skip to main content
ToolsHub
#324CCD

#324CCD Color — #324CCD

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

Color Format Conversions

HEX#324CCD
RGBrgb(50, 76, 205)
HSLhsl(230, 61%, 50%)
HSVhsv(230, 76%, 80%)
CMYKC:76% M:63% Y:0% K:20%
CSS Color#324CCD
Decimal3296461
Luminance0.1025

WCAG Accessibility Contrast

#324CCD on White
Ratio: 6.88:1 — AA
#324CCD on Black
Ratio: 3.05:1 — AA Large
White on #324CCD
Ratio: 6.88:1 — AA
Black on #324CCD
Ratio: 3.05:1 — AA Large

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

Shades & Tints Scale

50#F5F6FD
100#E0E4F8
200#C2C9F0
300#A3AEE9
400#7A8BDF
500#324CCD
600#283DA4
700#1E2E7B
800#141E52
900#0D1333

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 #324CCD?

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

What is the HSL value of #324CCD?

The HSL value is hsl(230, 61%, 50%). Hue is 230°, saturation is 61%, and lightness is 50%.

Does #324CCD meet WCAG accessibility standards?

On a white background, #324CCD achieves a 6.88:1 contrast ratio (AA). On a black background it achieves 3.05:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #324CCD?

The complementary color (180° opposite on the hue wheel) of #324CCD is #CDB332.