HEX Color #167CF0 (Dodgerblue)

About #167CF0

At its core, #167CF0 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Dodgerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 124, and 240.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 91% cyan and 48% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#167CF0

RGB22, 124, 240

HSL211.9°, 87.9%, 51.4%

CMYK91%, 48%, 0%, 6%

HSV211.9°, 90.8%, 94.1%

LAB52.8, 16.2, -65.7

XYZ23.3, 20.9, 85.2

Decimal1473776

Color Harmonies

Complementary

#167CF0 #EF8916

Analogous

#16E9EF #1C16EF

Triadic

#EF167B #7BEF16

Tetradic

#EF16E8 #EF8916 #16EF1D

Tints, Shades & Tones

Tints (Adding White)

#167CF0

#2F8AF1

#4999F3

#63A7F5

#7DB6F6

#97C4F8

#B1D3FA

#CBE1FB

#E5F0FD

#FFFFFF

Shades (Adding Black)

#167CF0

#136ED5

#1160BA

#0E52A0

#0C4485

#09376A

#072950

#041B35

#020D1A

#000000

WCAG Contrast Accessibility

4.06:1

Text on #FFFFFF

AA Large

5.18:1

Text on #000000

AA

3.88:1

Text on #F8FAFC

AA Large

4.40:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #167CF0; }

.text-color { color: #167CF0; }

.border-color { border: 2px solid #167CF0; }

Similar Colors

Dodgerblue

#1E90FF