#1624FF

A medium, vivid blue closely aligning with Blue.

About #1624FF

The hex code #1624FF represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 36, and 255.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 91% cyan and 86% magenta inks. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1624FF
RGB22, 36, 255
HSL236.4°, 100.0%, 54.3%
CMYK91%, 86%, 0%, 0%
HSV236.4°, 91.4%, 100.0%
LAB35.3, 71.3, -102.8
XYZ19.0, 8.7, 95.3
Decimal1451263

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.69:1
Text on #FFFFFF
AAA
2.73:1
Text on #000000
FAIL
7.35:1
Text on #F8FAFC
AAA
2.32:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #1624FF; }
.text-color { color: #1624FF; }
.border-color { border: 2px solid #1624FF; }

Similar Colors

Blue
#0000FF