HEX Color #5F66B6 (Darkslateblue)

About #5F66B6

Visually, #5F66B6 is defined as a moderate blue. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 102, and 182.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 48% cyan and 44% magenta inks. This makes it a relatively light color when applied to physical surfaces.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F66B6

RGB95, 102, 182

HSL235.2°, 37.3%, 54.3%

CMYK48%, 44%, 0%, 29%

HSV235.2°, 47.8%, 71.4%

LAB46.1, 19.2, -43.4

XYZ17.9, 15.3, 46.3

Decimal6252214

Color Harmonies

Complementary

#5F66B6 #B6AF5F

Analogous

#5F91B6 #835FB6

Triadic

#B65F66 #66B65F

Tetradic

#B65F91 #B6AF5F #5FB683

Tints, Shades & Tones

Tints (Adding White)

#5F66B6

#7077BE

#8288C6

#9499CE

#A6AAD6

#B7BBDE

#C9CCE6

#DBDDEE

#EDEEF6

#FFFFFF

Shades (Adding Black)

#5F66B6

#545AA1

#494F8D

#3F4479

#343865

#2A2D50

#1F223C

#151628

#0A0B14

#000000

WCAG Contrast Accessibility

5.17:1

Text on #FFFFFF

AA

4.06:1

Text on #000000

AA Large

4.94:1

Text on #F8FAFC

AA

3.45:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #5F66B6; }

.text-color { color: #5F66B6; }

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

Similar Colors

Darkslateblue

#483D8B