#168ADB

A medium, vivid blue closely aligning with Cornflowerblue.

About #168ADB

At its core, #168ADB is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 138, and 219.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 90% Cyan, 37% Magenta, 0% Yellow, and 14% Black. 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 #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#168ADB
RGB22, 138, 219
HSL204.7°, 81.7%, 47.3%
CMYK90%, 37%, 0%, 14%
HSV204.7°, 90.0%, 85.9%
LAB55.5, -0.4, -49.6
XYZ22.2, 23.5, 70.4
Decimal1477339

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.69:1
Text on #FFFFFF
AA Large
5.69:1
Text on #000000
AA
3.53:1
Text on #F8FAFC
AA Large
4.84:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #168ADB; }
.text-color { color: #168ADB; }
.border-color { border: 2px solid #168ADB; }

Similar Colors

Cornflowerblue
#6495ED