#2C426D

A dark, moderate blue closely aligning with Darkslateblue.

About #2C426D

When working with digital screens, the color #2C426D is rendered by mixing light. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 66, and 109.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 60% Cyan, 39% Magenta, 0% Yellow, and 57% Black. With a hue angle of 219.7 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2C426D
RGB44, 66, 109
HSL219.7°, 42.5%, 30.0%
CMYK60%, 39%, 0%, 57%
HSV219.7°, 59.6%, 42.7%
LAB28.2, 5.7, -27.6
XYZ5.7, 5.5, 15.2
Decimal2900589

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.97:1
Text on #FFFFFF
AAA
2.11:1
Text on #000000
FAIL
9.53:1
Text on #F8FAFC
AAA
1.79:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #2C426D; }
.text-color { color: #2C426D; }
.border-color { border: 2px solid #2C426D; }

Similar Colors

Darkslateblue
#483D8B