HEX Color #163AFF (Mediumblue)

About #163AFF

The precise color #163AFF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 58, and 255.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 91% cyan and 77% magenta inks. The HSL representation is 230.7° hue, 100.0% saturation, and 54.3% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#163AFF

RGB22, 58, 255

HSL230.7°, 100.0%, 54.3%

CMYK91%, 77%, 0%, 0%

HSV230.7°, 91.4%, 100.0%

LAB38.6, 61.6, -97.4

XYZ19.9, 10.4, 95.6

Decimal1456895

Color Harmonies

Complementary

#163AFF #FEDB16

Analogous

#16AEFE #6616FE

Triadic

#FE1639 #39FE16

Tetradic

#FE16AE #FEDB16 #16FE66

Tints, Shades & Tones

Tints (Adding White)

#163AFF

#2F4FFF

#4965FF

#637BFF

#7D91FF

#97A7FF

#B1BDFF

#CBD3FF

#E5E9FF

#FFFFFF

Shades (Adding Black)

#163AFF

#1333E2

#112DC6

#0E26AA

#0C208D

#091971

#071355

#040C38

#02061C

#000000

WCAG Contrast Accessibility

6.81:1

Text on #FFFFFF

AA

3.08:1

Text on #000000

AA Large

6.51:1

Text on #F8FAFC

AA

2.62:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #163AFF; }

.text-color { color: #163AFF; }

.border-color { border: 2px solid #163AFF; }

Similar Colors

Mediumblue

#0000CD