HEX Color #2C42DB (Mediumslateblue)

About #2C42DB

The precise color #2C42DB is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 66, and 219.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 80% cyan, 70% magenta, 0% yellow, and 14% black. The HSL representation is 232.5° hue, 70.9% saturation, and 51.6% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#2C42DB

RGB44, 66, 219

HSL232.5°, 70.9%, 51.6%

CMYK80%, 70%, 0%, 14%

HSV232.5°, 79.9%, 85.9%

LAB37.0, 46.3, -79.6

XYZ15.8, 9.5, 68.0

Decimal2900699

Color Harmonies

Complementary

#2C42DB #DBC52B

Analogous

#2B99DB #6D2BDB

Triadic

#DB2B41 #41DB2B

Tetradic

#DB2B99 #DBC52B #2BDB6D

Tints, Shades & Tones

Tints (Adding White)

#2C42DB

#4357DF

#5A6CE3

#7281E7

#8996EB

#A1ABEF

#B8C0F3

#D0D5F7

#E7EAFB

#FFFFFF

Shades (Adding Black)

#2C42DB

#273AC2

#2233AA

#1D2C92

#182479

#131D61

#0E1649

#090E30

#040718

#000000

WCAG Contrast Accessibility

7.22:1

Text on #FFFFFF

AAA

2.91:1

Text on #000000

FAIL

6.90:1

Text on #F8FAFC

AA

2.47:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2C42DB; }

.text-color { color: #2C42DB; }

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

Similar Colors

Mediumslateblue

#7B68EE