Nerdulator> put something in

Recognised as Colour

#8A22B8

  • #8A22B8
  • Violet
  • Dark
  • Nearest: Dark orchid

#8A22B8 is a violet with RGB values 138, 34, 184 and HSL 282°, 69%, 43%. It is a dark colour, so white text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Dark orchid.

Colour values

#8A22B8#8A22B8
HEX#8A22B8
RGBrgb(138, 34, 184)
RGB (0–1)0.5412, 0.1333, 0.7216
RGB percentages54.1%, 13.3%, 72.2%
HSLhsl(281.6, 68.8%, 42.7%)
HSV / HSBhsv(281.6, 81.5%, 72.2%)
CMYK25%, 81.5%, 0%, 27.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,052,856
CSS custom property--colour: #8A22B8;

Brightness & contrast

Relative luminance0.10008WCAG 2.x, 0 is black and 1 is white
Perceived brightness101.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7:1
Contrast with white7:1WCAG normal text: AA
Contrast with black3:1WCAG normal text: Fail
Greyscale equivalent#434343
Inverted#75DD47

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0054BCno red cones; affects about 1% of men; ΔE 43.2 from the original
Deuteranopia#005BB5no green cones; the most common form, about 1% of men; ΔE 50.8 from the original
Tritanopia#84486Fno blue cones; rare, and affects men and women equally; ΔE 56.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7:1WCAG large text: AAA
Contrast with black, large text3:1WCAG large text: AA

Named colours

Dark orchid · ΔE 6.3Dark violet · ΔE 18.1Blue violet · ΔE 18.8Medium orchid · ΔE 19.3Dark magenta · ΔE 19.5Indigo · ΔE 21.6
Nearest named CSS colourDark orchid (#9932CC)ΔE 6.27, clearly different but related
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#50B822
Analogous#3F22B8, #B8229B
Triadic#B88A22, #22B88A
Split complementary#9BB822, #22B83F
Tetradic#B83F22, #50B822, #229BB8

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#DFB5F1
Lighter +30%#CC8AE9
Lighter +20%#B95FE1
Lighter +10%#A734D9
Darker −10%#6A1A8D
Darker −20%#491262
Darker −30%#290A37
Darker −40%#09020C
More saturated +25%#9507D3
Less saturated −25%#7F3D9D

Channel breakdown

R138
G34
B184
Red138 (54.1%)
Green34 (13.3%)
Blue184 (72.2%)
Hue281.6°
Saturation (HSL)68.81%
Lightness42.75%
Dominant channelBlue
Hex per channelR 8A · G 22 · B B8

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “8a22b8” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.