#8A2BE2

#8A2BE2 is the hex color BlueViolet. 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 #8A2BE2; the exact match is BlueViolet.

Open #8A2BE2 in the picker

#8A2BE2 color codes

HEX
#8A2BE2
HEX8
#8A2BE2FF
HEX8 (Android)
#FF8A2BE2
RGB
rgb(138, 43, 226)
RGB (%)
54%, 17%, 89%
HSL
hsl(271, 76%, 53%)
HSV / HSB
hsv(271, 81%, 89%)
CMYK
cmyk(39%, 81%, 0%, 11%)
OKLCH
oklch(0.5338 0.2503 301.37)
OKLCH (%)
oklch(53.38% 0.2503 301.37)
Decimal
9055202

What color is #8A2BE2?

#8A2BE2 sits at 53% lightness and 0.2503 chroma in OKLCH, hue 301.37°. Its nearest named color is BlueViolet (an exact match).

Shades and tints of #8A2BE2

Tints

Shades

Tones

#8A2BE2 color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #8A2BE2 in CSS

.text       { color: #8A2BE2; }
.background { background-color: #8A2BE2; }
.border     { border: 2px solid #8A2BE2; }

/* Modern, perceptually uniform */
.text { color: oklch(0.5338 0.2503 301.37); }

/* #8A2BE2 at 50% transparency */
.overlay { background-color: #8A2BE280; }

Is #8A2BE2 accessible?

#8A2BE2 on white text scores 5.96:1; on black text it scores 3.52:1. White text passes WCAG AA for normal text on #8A2BE2. Recommended text color on a #8A2BE2 background: white.

A 3.52:1 vs black
A 5.96: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(#8A2BE2) → white
APCA Lc experimental 83.7 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: Purple #800080. See more in the purple family on the colors hub.

Frequently asked questions

What color is #8A2BE2?
#8A2BE2 is BlueViolet. In RGB it is rgb(138, 43, 226), and in HSL hsl(271, 76%, 53%).
What is #8A2BE2 in RGB?
#8A2BE2 converts to rgb(138, 43, 226) — red 138, green 43, blue 226.
What text color is readable on #8A2BE2?
White text — it has the higher contrast ratio (5.96:1) against #8A2BE2. White text passes WCAG AA for normal text on #8A2BE2.
Open #8A2BE2 in the picker