#6A5ACD

#6A5ACD is the hex color SlateBlue. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

This is the nearest named color to #6A5ACD; the exact match is SlateBlue.

Open #6A5ACD in the picker

#6A5ACD color codes

HEX
#6A5ACD
HEX8
#6A5ACDFF
HEX8 (Android)
#FF6A5ACD
RGB
rgb(106, 90, 205)
RGB (%)
42%, 35%, 80%
HSL
hsl(248, 53%, 58%)
HSV / HSB
hsv(248, 56%, 80%)
CMYK
cmyk(48%, 56%, 0%, 20%)
OKLCH
oklch(0.5436 0.1712 285.54)
OKLCH (%)
oklch(54.36% 0.1712 285.54)
Decimal
6970061

What color is #6A5ACD?

#6A5ACD sits at 54% lightness and 0.1712 chroma in OKLCH, hue 285.54°. Its nearest named color is SlateBlue (an exact match).

Shades and tints of #6A5ACD

Tints

Shades

Tones

#6A5ACD color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #6A5ACD in CSS

.text       { color: #6A5ACD; }
.background { background-color: #6A5ACD; }
.border     { border: 2px solid #6A5ACD; }

/* Modern, perceptually uniform */
.text { color: oklch(0.5436 0.1712 285.54); }

/* #6A5ACD at 50% transparency */
.overlay { background-color: #6A5ACD80; }

Is #6A5ACD accessible?

#6A5ACD on white text scores 5.31:1; on black text it scores 3.96:1. White text passes WCAG AA for normal text on #6A5ACD. Recommended text color on a #6A5ACD background: white.

A 3.96:1 vs black
A 5.31:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Fail
  • AAA large ≥ 4.5 Pass

Recommended text color: white

CSS contrast-color() contrast-color(#6A5ACD) → white
APCA Lc experimental 81.4 Lc · body text (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Related colors

Nearest featured color: Blue #0000FF. See more in the blue family on the colors hub.

Frequently asked questions

What color is #6A5ACD?
#6A5ACD is SlateBlue. In RGB it is rgb(106, 90, 205), and in HSL hsl(248, 53%, 58%).
What is #6A5ACD in RGB?
#6A5ACD converts to rgb(106, 90, 205) — red 106, green 90, blue 205.
What text color is readable on #6A5ACD?
White text — it has the higher contrast ratio (5.31:1) against #6A5ACD. White text passes WCAG AA for normal text on #6A5ACD.
Open #6A5ACD in the picker