HEX Color #0042CC (Mediumslateblue)

About #0042CC

When working with digital screens, the color #0042CC is rendered by mixing light. Its closest recognized web color is Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 66, and 204.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 100% cyan, 68% magenta, 0% yellow, and 20% black. The HSL representation is 220.6° hue, 100.0% saturation, and 40.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0042CC

RGB0, 66, 204

HSL220.6°, 100.0%, 40.0%

CMYK100%, 68%, 0%, 20%

HSV220.6°, 100.0%, 80.0%

LAB34.5, 38.9, -75.1

XYZ12.8, 8.3, 58.0

Decimal17100

Color Harmonies

Complementary

#0042CC #CC8900

Analogous

#00A8CC #2300CC

Triadic

#CC0041 #42CC00

Tetradic

#CC00A8 #CC8900 #00CC23

Tints, Shades & Tones

Tints (Adding White)

#0042CC

#1C57D1

#386CD7

#5581DD

#7196E2

#8DABE8

#AAC0EE

#C6D5F3

#E2EAF9

#FFFFFF

Shades (Adding Black)

#0042CC

#003AB5

#00339E

#002C88

#002471

#001D5A

#001644

#000E2D

#000716

#000000

WCAG Contrast Accessibility

7.92:1

Text on #FFFFFF

AAA

2.65:1

Text on #000000

FAIL

7.57:1

Text on #F8FAFC

AAA

2.25:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0042CC; }

.text-color { color: #0042CC; }

.border-color { border: 2px solid #0042CC; }

Similar Colors

Mediumslateblue

#7B68EE