Recognised as Colour

#7B63BA

#7B63BA
Violet
Dark
Nearest: Medium purple

#7B63BA is a violet with RGB values 123, 99, 186 and HSL 257°, 39%, 56%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Medium purple.

Colour values

#7B63BA#7B63BA

HEX#7B63BA

RGBrgb(123, 99, 186)

RGB (0–1)0.4824, 0.3882, 0.7294

RGB percentages48.2%, 38.8%, 72.9%

HSLhsl(256.6, 38.7%, 55.9%)

HSV / HSBhsv(256.6, 46.8%, 72.9%)

CMYK33.9%, 46.8%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,086,458

CSS custom property--colour: #7B63BA;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.84:1

Contrast with white4.84:1WCAG normal text: AA

Contrast with black4.34:1WCAG normal text: Fail

Greyscale equivalent#6E6E6E

Inverted#849C45

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4672BDno red cones; affects about 1% of men; ΔE 20.8 from the original

Deuteranopia#4A70B8no green cones; the most common form, about 1% of men; ΔE 20.5 from the original

Tritanopia#6C7485no blue cones; rare, and affects men and women equally; ΔE 43.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.84:1WCAG large text: AAA

Contrast with black, large text4.34:1WCAG large text: AA

Named colours

Medium purple · ΔE 12.7 Slate blue · ΔE 16.7 Dark slateblue · ΔE 17.4 Rebecca purple · ΔE 20.6 Royal blue · ΔE 22.8 Cornflower blue · ΔE 25.4

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A2BA63

Analogous#6377BA, #A663BA

Triadic#BA7B63, #63BA7B

Split complementary#BAA663, #77BA63

Tetradic#BA6377, #A2BA63, #63BAA6

Tints, shades & saturation

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

Lighter +40%#F3F0F9

Lighter +30%#D5CDE9

Lighter +20%#B7AAD9

Lighter +10%#9986CA

Darker −10%#6148A2

Darker −20%#4C387F

Darker −30%#37285C

Darker −40%#211938

More saturated +25%#6E47D6

Less saturated −25%#887F9E

Channel breakdown

R123

G99

B186

Red123 (48.2%)

Green99 (38.8%)

Blue186 (72.9%)

Hue256.55°

Saturation (HSL)38.67%

Lightness55.88%

Dominant channelBlue

Hex per channelR 7B · G 63 · B BA

Keep nerding

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

#7B63BA

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