HEX Color #1D2C50 (Darkslateblue)

About #1D2C50

The precise color #1D2C50 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkslateblue. In the RGB color space, it consists of 29 red, 44 green, and 80 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 64% cyan, 45% magenta, 0% yellow, and 69% black. The HSL representation is 222.4° hue, 46.8% saturation, and 21.4% lightness.

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#1D2C50

RGB29, 44, 80

HSL222.4°, 46.8%, 21.4%

CMYK64%, 45%, 0%, 69%

HSV222.4°, 63.8%, 31.4%

LAB18.5, 6.5, -24.0

XYZ2.9, 2.6, 7.9

Decimal1911888

Color Harmonies

Complementary

#1D2C50 #50411C

Analogous

#1C4550 #271C50

Triadic

#501C2B #2B501C

Tetradic

#501C45 #50411C #1C5027

Tints, Shades & Tones

Tints (Adding White)

#1D2C50

#364363

#4F5A76

#68728A

#81899D

#9AA1B1

#B3B8C4

#CCD0D8

#E5E7EB

#FFFFFF

Shades (Adding Black)

#1D2C50

#192747

#16223E

#131D35

#10182C

#0C1323

#090E1A

#060911

#030408

#000000

WCAG Contrast Accessibility

13.74:1

Text on #FFFFFF

AAA

1.53:1

Text on #000000

FAIL

13.13:1

Text on #F8FAFC

AAA

1.30:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D2C50; }

.text-color { color: #1D2C50; }

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

Similar Colors

Darkslateblue

#483D8B