Skip to main content
ToolsHub
#2063E9

#2063E9 Color — #2063E9

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

Color Format Conversions

HEX#2063E9
RGBrgb(32, 99, 233)
HSLhsl(220, 82%, 52%)
HSVhsv(220, 86%, 91%)
CMYKC:86% M:58% Y:0% K:9%
CSS Color#2063E9
Decimal2122729
Luminance0.1511

WCAG Accessibility Contrast

#2063E9 on White
Ratio: 5.22:1 — AA
#2063E9 on Black
Ratio: 4.02:1 — AA Large
White on #2063E9
Ratio: 5.22:1 — AA
Black on #2063E9
Ratio: 4.02: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#F4F7FE
100#DEE8FC
200#BCD0F8
300#9BB9F5
400#6E9AF1
500#2063E9
600#1A4FBA
700#133B8C
800#0D285D
900#08193A

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 #2063E9?

The RGB equivalent is rgb(32, 99, 233). The red channel is 32, green is 99, and blue is 233 (scale 0–255).

What is the HSL value of #2063E9?

The HSL value is hsl(220, 82%, 52%). Hue is 220°, saturation is 82%, and lightness is 52%.

Does #2063E9 meet WCAG accessibility standards?

On a white background, #2063E9 achieves a 5.22:1 contrast ratio (AA). On a black background it achieves 4.02:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #2063E9?

The complementary color (180° opposite on the hue wheel) of #2063E9 is #E9A620.