HEX Color #1666FF (Mediumslateblue)

About #1666FF

When working with digital screens, the color #1666FF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumslateblue. This translates to an RGB value of rgb(22, 102, 255).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 91% cyan and 60% magenta inks. The HSL representation is 219.4° hue, 100.0% saturation, and 54.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#1666FF

RGB22, 102, 255

HSL219.4°, 100.0%, 54.3%

CMYK91%, 60%, 0%, 0%

HSV219.4°, 91.4%, 100.0%

LAB48.1, 35.8, -81.6

XYZ23.1, 16.9, 96.6

Decimal1468159

Color Harmonies

Complementary

#1666FF #FEAE16

Analogous

#16DAFE #3A16FE

Triadic

#FE1665 #65FE16

Tetradic

#FE16DA #FEAE16 #16FE3A

Tints, Shades & Tones

Tints (Adding White)

#1666FF

#2F77FF

#4988FF

#6399FF

#7DAAFF

#97BBFF

#B1CCFF

#CBDDFF

#E5EEFF

#FFFFFF

Shades (Adding Black)

#1666FF

#135AE2

#114FC6

#0E44AA

#0C388D

#092D71

#072255

#041638

#020B1C

#000000

WCAG Contrast Accessibility

4.80:1

Text on #FFFFFF

AA

4.38:1

Text on #000000

AA Large

4.58:1

Text on #F8FAFC

AA

3.72:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #1666FF; }

.text-color { color: #1666FF; }

.border-color { border: 2px solid #1666FF; }

Similar Colors

Mediumslateblue

#7B68EE