Colour

#C486FF

#C486FF
Violet
Dark
Nearest: Medium purple

#C486FF is a violet with RGB values 196, 134, 255 and HSL 271°, 100%, 76%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Medium purple.

Colour values

#C486FF#C486FF

HEX#C486FF

RGBrgb(196, 134, 255)

RGB (0–1)0.7686, 0.5255, 1

RGB percentages76.9%, 52.5%, 100%

HSLhsl(270.7, 100%, 76.3%)

HSV / HSBhsv(270.7, 47.5%, 100%)

CMYK23.1%, 47.5%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,879,615

CSS custom property--colour: #C486FF;

Brightness & contrast

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

Perceived brightness171.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.2:1

Contrast with white2.56:1WCAG normal text: Fail

Contrast with black8.2:1WCAG normal text: AAA

Greyscale equivalent#9C9C9C

Inverted#3B7900

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#65A0FFno red cones; affects about 1% of men; ΔE 37.2 from the original

Deuteranopia#76A2FCno green cones; the most common form, about 1% of men; ΔE 36 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.56:1WCAG large text: Fail

Contrast with black, large text8.2:1WCAG large text: AAA

Named colours

Medium purple · ΔE 14.9 Violet · ΔE 18.1 Medium orchid · ΔE 18.7 Orchid · ΔE 19.7 Medium slateblue · ΔE 20.7 Slate blue · ΔE 24.3

Nearest named CSS colourMedium purple (#9370DB)ΔE 14.91, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C1FF86

Analogous#8886FF, #FF86FD

Triadic#FFC486, #86FFC4

Split complementary#FDFF86, #86FF88

Tetradic#FF8886, #C1FF86, #86FDFF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#F6ECFF

Lighter +10%#DDB9FF

Darker −10%#AB53FF

Darker −20%#9220FF

Darker −30%#7900EC

Darker −40%#5F00B9

More saturated +25%#C486FF

Less saturated −25%#C495F0

Channel breakdown

R196

G134

B255

Red196 (76.9%)

Green134 (52.5%)

Blue255 (100%)

Hue270.74°

Saturation (HSL)100%

Lightness76.27%

Dominant channelBlue

Hex per channelR C4 · G 86 · B FF

Keep nerding

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

#C486FF

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