HEX Color #2C5099 (Darkslateblue)

About #2C5099

The precise color #2C5099 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. In the RGB color space, it consists of 44 red, 80 green, and 153 blue.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 71% cyan, 48% magenta, 0% yellow, and 40% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2C5099

RGB44, 80, 153

HSL220.2°, 55.3%, 38.6%

CMYK71%, 48%, 0%, 40%

HSV220.2°, 71.2%, 60.0%

LAB35.1, 12.8, -43.8

XYZ9.7, 8.6, 31.3

Decimal2904217

Color Harmonies

Complementary

#2C5099 #99752B

Analogous

#2B8699 #3E2B99

Triadic

#992B4F #4F992B

Tetradic

#992B86 #99752B #2B993E

Tints, Shades & Tones

Tints (Adding White)

#2C5099

#4363A4

#5A76AF

#728ABB

#899DC6

#A1B1D1

#B8C4DD

#D0D8E8

#E7EBF3

#FFFFFF

Shades (Adding Black)

#2C5099

#274788

#223E77

#1D3566

#182C55

#132344

#0E1A33

#091122

#040811

#000000

WCAG Contrast Accessibility

7.74:1

Text on #FFFFFF

AAA

2.71:1

Text on #000000

FAIL

7.39:1

Text on #F8FAFC

AAA

2.31:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B