Recognised as Colour

#562CC7

#562CC7
Violet
Dark
Nearest: Blue violet

#562CC7 is a violet with RGB values 86, 44, 199 and HSL 256°, 64%, 48%. It is a dark colour, so white text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Blue violet.

Colour values

#562CC7#562CC7

HEX#562CC7

RGBrgb(86, 44, 199)

RGB (0–1)0.3373, 0.1725, 0.7804

RGB percentages33.7%, 17.3%, 78%

HSLhsl(256.3, 63.8%, 47.6%)

HSV / HSBhsv(256.3, 77.9%, 78%)

CMYK56.8%, 77.9%, 0%, 22%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,647,559

CSS custom property--colour: #562CC7;

Brightness & contrast

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

Perceived brightness88.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.14:1

Contrast with white8.14:1WCAG normal text: AAA

Contrast with black2.58:1WCAG normal text: Fail

Greyscale equivalent#404040

Inverted#A9D338

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0053CBno red cones; affects about 1% of men; ΔE 29.5 from the original

Deuteranopia#004BC4no green cones; the most common form, about 1% of men; ΔE 26.6 from the original

Tritanopia#1E5979no blue cones; rare, and affects men and women equally; ΔE 80.5 from the original

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

Contrast with white, large text8.14:1WCAG large text: AAA

Contrast with black, large text2.58:1WCAG large text: Fail

Named colours

Blue violet · ΔE 16.4 Dark orchid · ΔE 18.7 Dark blue · ΔE 20.3 Dark violet · ΔE 21.4 Medium blue · ΔE 23.2 Navy · ΔE 24

Nearest named CSS colourBlue violet (#8A2BE2)ΔE 16.36, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9DC72C

Analogous#2C4FC7, #A32CC7

Triadic#C7562C, #2CC756

Split complementary#C7A42C, #4FC72C

Tetradic#C72C50, #9DC72C, #2CC7A3

Tints, shades & saturation

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

Lighter +40%#D6CBF4

Lighter +30%#B5A2EA

Lighter +20%#9478E1

Lighter +10%#734ED8

Darker −10%#44239D

Darker −20%#321A73

Darker −30%#20104A

Darker −40%#0E0720

More saturated +25%#480EE5

Less saturated −25%#644AA9

Channel breakdown

R86

G44

B199

Red86 (33.7%)

Green44 (17.3%)

Blue199 (78%)

Hue256.26°

Saturation (HSL)63.79%

Lightness47.65%

Dominant channelBlue

Hex per channelR 56 · G 2C · B C7

Keep nerding

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

#562CC7

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