Colour

#882DE3

#882DE3
Violet
Dark
Nearest: Blue violet

#882DE3 is a violet with RGB values 136, 45, 227 and HSL 270°, 76%, 53%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Blue violet.

Colour values

#882DE3#882DE3

HEX#882DE3

RGBrgb(136, 45, 227)

RGB (0–1)0.5333, 0.1765, 0.8902

RGB percentages53.3%, 17.6%, 89%

HSLhsl(270, 76.5%, 53.3%)

HSV / HSBhsv(270, 80.2%, 89%)

CMYK40.1%, 80.2%, 0%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,924,643

CSS custom property--colour: #882DE3;

Brightness & contrast

Relative luminance0.12657WCAG 2.x, 0 is black and 1 is white

Perceived brightness112.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.95:1

Contrast with white5.95:1WCAG normal text: AA

Contrast with black3.53:1WCAG normal text: Fail

Greyscale equivalent#4D4D4D

Inverted#77D21C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0063E8no red cones; affects about 1% of men; ΔE 41 from the original

Deuteranopia#0062E0no green cones; the most common form, about 1% of men; ΔE 43.6 from the original

Tritanopia#72618Ano blue cones; rare, and affects men and women equally; ΔE 76.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text5.95:1WCAG large text: AAA

Contrast with black, large text3.53:1WCAG large text: AA

Named colours

Blue violet · ΔE 0.9 Dark violet · ΔE 9.1 Dark orchid · ΔE 15.7 Medium blue · ΔE 23.8 Medium slateblue · ΔE 31.3 Medium orchid · ΔE 31.7

Nearest named CSS colourBlue violet (#8A2BE2)ΔE 0.88, indistinguishable to the eye

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#88E32D

Analogous#2D2DE3, #E32DE3

Triadic#E3882D, #2DE388

Split complementary#E3E32D, #2DE32D

Tetradic#E32D2D, #88E32D, #2DE3E3

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#EEE1FB

Lighter +30%#D5B4F5

Lighter +20%#BB87EF

Lighter +10%#A25AE9

Darker −10%#6F1AC3

Darker −20%#551496

Darker −30%#3C0E69

Darker −40%#22083C

More saturated +25%#8811FF

Less saturated −25%#884BC5

Channel breakdown

R136

G45

B227

Red136 (53.3%)

Green45 (17.6%)

Blue227 (89%)

Hue270°

Saturation (HSL)76.47%

Lightness53.33%

Dominant channelBlue

Hex per channelR 88 · G 2D · B E3

Keep nerding

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

#882DE3

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else