HEX Color #004275 (Darkslateblue)

About #004275

The precise color #004275 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. Its digital footprint relies on 0 parts red, 66 parts green, and 117 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 100% C, 44% M, 0% Y, and 54% K. The HSL representation is 206.2° hue, 100.0% saturation, and 22.9% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#004275

RGB0, 66, 117

HSL206.2°, 100.0%, 22.9%

CMYK100%, 44%, 0%, 54%

HSV206.2°, 100.0%, 45.9%

LAB27.2, 2.9, -34.3

XYZ5.2, 5.2, 17.6

Decimal17013

Color Harmonies

Complementary

#004275 #753200

Analogous

#00756D #000775

Triadic

#750041 #417500

Tetradic

#6D0075 #753200 #077500

Tints, Shades & Tones

Tints (Adding White)

#004275

#1C5784

#386C93

#5581A3

#7196B2

#8DABC1

#AAC0D1

#C6D5E0

#E2EAEF

#FFFFFF

Shades (Adding Black)

#004275

#003A68

#00335B

#002C4E

#002441

#001D34

#001627

#000E1A

#00070D

#000000

WCAG Contrast Accessibility

10.31:1

Text on #FFFFFF

AAA

2.04:1

Text on #000000

FAIL

9.86:1

Text on #F8FAFC

AAA

1.73:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #004275; }

.text-color { color: #004275; }

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

Similar Colors

Darkslateblue

#483D8B