HEX Color #2C4283 (Darkslateblue)

About #2C4283

The precise color #2C4283 is an excellent choice for modern design projects. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 66, and 131.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 66% cyan, 50% magenta, 0% yellow, and 49% black. The HSL representation is 224.8° hue, 49.7% saturation, and 34.3% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2C4283

RGB44, 66, 131

HSL224.8°, 49.7%, 34.3%

CMYK66%, 50%, 0%, 49%

HSV224.8°, 66.4%, 51.4%

LAB29.6, 13.9, -39.2

XYZ7.1, 6.1, 22.3

Decimal2900611

Color Harmonies

Complementary

#2C4283 #836C2C

Analogous

#2C6D83 #412C83

Triadic

#832C42 #42832C

Tetradic

#832C6D #836C2C #2C8341

Tints, Shades & Tones

Tints (Adding White)

#2C4283

#435790

#5A6C9E

#7281AC

#8996BA

#A1ABC7

#B8C0D5

#D0D5E3

#E7EAF1

#FFFFFF

Shades (Adding Black)

#2C4283

#273A74

#223365

#1D2C57

#182448

#131D3A

#0E162B

#090E1D

#04070E

#000000

WCAG Contrast Accessibility

9.48:1

Text on #FFFFFF

AAA

2.21:1

Text on #000000

FAIL

9.07:1

Text on #F8FAFC

AAA

1.88:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B