Recognised as Colour

#A270B3

#A270B3
Violet
Dark
Nearest: Plum

#A270B3 is a violet with RGB values 162, 112, 179 and HSL 285°, 31%, 57%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Plum.

Colour values

#A270B3#A270B3

HEX#A270B3

RGBrgb(162, 112, 179)

RGB (0–1)0.6353, 0.4392, 0.702

RGB percentages63.5%, 43.9%, 70.2%

HSLhsl(284.8, 30.6%, 57.1%)

HSV / HSBhsv(284.8, 37.4%, 70.2%)

CMYK9.5%, 37.4%, 0%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,645,683

CSS custom property--colour: #A270B3;

Brightness & contrast

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

Perceived brightness137.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.5:1

Contrast with white3.81:1WCAG normal text: Fail

Contrast with black5.5:1WCAG normal text: AA

Greyscale equivalent#7F7F7F

Inverted#5D8F4C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#667FB6no red cones; affects about 1% of men; ΔE 26.3 from the original

Deuteranopia#7284B1no green cones; the most common form, about 1% of men; ΔE 27.1 from the original

Tritanopia#A27889no blue cones; rare, and affects men and women equally; ΔE 28 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.81:1WCAG large text: AA

Contrast with black, large text5.5:1WCAG large text: AAA

Named colours

Plum · ΔE 19.7 Medium purple · ΔE 22.9 Orchid · ΔE 25.8 Dark slateblue · ΔE 28.3 Violet · ΔE 30.3 Rebecca purple · ΔE 31.1

Nearest named CSS colourPlum (#DDA0DD)ΔE 19.69, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#81B370

Analogous#8170B3, #B370A3

Triadic#B3A270, #70B3A2

Split complementary#A3B370, #70B380

Tetradic#B38070, #81B370, #70A3B3

Tints, shades & saturation

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

Lighter +40%#F9F5FA

Lighter +30%#E3D4E8

Lighter +20%#CDB3D6

Lighter +10%#B891C5

Darker −10%#8A539D

Darker −20%#6D427B

Darker −30%#4F305A

Darker −40%#321E39

More saturated +25%#AF55CE

Less saturated −25%#958B98

Channel breakdown

R162

G112

B179

Red162 (63.5%)

Green112 (43.9%)

Blue179 (70.2%)

Hue284.78°

Saturation (HSL)30.59%

Lightness57.06%

Dominant channelBlue

Hex per channelR A2 · G 70 · B B3

Keep nerding

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

#A270B3

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