HEX Color #492C83 (Darkslateblue)

About #492C83

The precise color #492C83 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. This translates to an RGB value of rgb(73, 44, 131).

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 44% cyan and 66% magenta inks. The HSL representation is 260.0° hue, 49.7% saturation, and 34.3% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#492C83

RGB73, 44, 131

HSL260.0°, 49.7%, 34.3%

CMYK44%, 66%, 0%, 49%

HSV260.0°, 66.4%, 51.4%

LAB26.3, 34.3, -44.4

XYZ7.7, 4.9, 22.0

Decimal4795523

Color Harmonies

Complementary

#492C83 #65832C

Analogous

#2C3A83 #742C83

Triadic

#83492C #2C8349

Tetradic

#832C3A #65832C #2C8374

Tints, Shades & Tones

Tints (Adding White)

#492C83

#5D4390

#715A9E

#8572AC

#9989BA

#AEA1C7

#C2B8D5

#D6D0E3

#EAE7F1

#FFFFFF

Shades (Adding Black)

#492C83

#402774

#382265

#301D57

#281848

#20133A

#180E2B

#10091D

#08040E

#000000

WCAG Contrast Accessibility

10.65:1

Text on #FFFFFF

AAA

1.97:1

Text on #000000

FAIL

10.18:1

Text on #F8FAFC

AAA

1.68:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #492C83; }

.text-color { color: #492C83; }

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

Similar Colors

Darkslateblue

#483D8B