HEX Color #92508A (Darkslateblue)

About #92508A

The precise color #92508A is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 80, and 138.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 45% M, 5% Y, and 43% K. The HSL representation is 307.3° hue, 29.2% saturation, and 44.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium 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#92508A

RGB146, 80, 138

HSL307.3°, 29.2%, 44.3%

CMYK0%, 45%, 5%, 43%

HSV307.3°, 45.2%, 57.3%

LAB43.8, 36.3, -20.5

XYZ19.3, 13.7, 25.7

Decimal9588874

Color Harmonies

Complementary

#92508A #509257

Analogous

#785092 #925068

Triadic

#8A9250 #508A92

Tetradic

#927850 #509257 #506992

Tints, Shades & Tones

Tints (Adding White)

#92508A

#9E6397

#AA76A4

#B68AB1

#C29DBE

#CEB1CB

#DAC4D8

#E6D8E5

#F2EBF2

#FFFFFF

Shades (Adding Black)

#92508A

#81477A

#713E6B

#61355C

#512C4C

#40233D

#301A2E

#20111E

#10080F

#000000

WCAG Contrast Accessibility

5.62:1

Text on #FFFFFF

AA

3.74:1

Text on #000000

AA Large

5.37:1

Text on #F8FAFC

AA

3.18:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #92508A; }

.text-color { color: #92508A; }

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

Similar Colors

Darkslateblue

#483D8B