HEX Color #2C3A57 (Darkslategray)

About #2C3A57

The hex code #2C3A57 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 58, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 49% cyan, 33% magenta, 0% yellow, and 66% black. The HSL representation is 220.5° hue, 32.8% saturation, and 25.7% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#2C3A57

RGB44, 58, 87

HSL220.5°, 32.8%, 25.7%

CMYK49%, 33%, 0%, 66%

HSV220.5°, 49.4%, 34.1%

LAB24.5, 3.3, -19.3

XYZ4.3, 4.2, 9.6

Decimal2898519

Color Harmonies

Complementary

#2C3A57 #56492C

Analogous

#2C4F56 #332C56

Triadic

#562C39 #39562C

Tetradic

#562C4F #56492C #2C5633

Tints, Shades & Tones

Tints (Adding White)

#2C3A57

#434F69

#5A657C

#727B8F

#8991A1

#A1A7B4

#B8BDC7

#D0D3D9

#E7E9EC

#FFFFFF

Shades (Adding Black)

#2C3A57

#27334D

#222D43

#1D263A

#182030

#131926

#0E131D

#090C13

#040609

#000000

WCAG Contrast Accessibility

11.35:1

Text on #FFFFFF

AAA

1.85:1

Text on #000000

FAIL

10.85:1

Text on #F8FAFC

AAA

1.57:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F