HEX Color #5F498A (Darkslateblue)

About #5F498A

The precise color #5F498A is an excellent choice for modern design projects. Designers often compare it to the standard color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 73, and 138.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 31% C, 47% M, 0% Y, and 46% K. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F498A

RGB95, 73, 138

HSL260.3°, 30.8%, 41.4%

CMYK31%, 47%, 0%, 46%

HSV260.3°, 47.1%, 54.1%

LAB36.0, 24.3, -33.0

XYZ11.7, 9.0, 25.2

Decimal6244746

Color Harmonies

Complementary

#5F498A #738A49

Analogous

#49538A #7F498A

Triadic

#8A5F49 #498A5F

Tetradic

#8A4953 #738A49 #498A7F

Tints, Shades & Tones

Tints (Adding White)

#5F498A

#705D97

#8271A4

#9485B1

#A699BE

#B7AECB

#C9C2D8

#DBD6E5

#EDEAF2

#FFFFFF

Shades (Adding Black)

#5F498A

#54407A

#49386B

#3F305C

#34284C

#2A203D

#1F182E

#15101E

#0A080F

#000000

WCAG Contrast Accessibility

7.48:1

Text on #FFFFFF

AAA

2.81:1

Text on #000000

FAIL

7.15:1

Text on #F8FAFC

AAA

2.39:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B