Colour

#7E768F

#7E768F
Violet
Dark
Nearest: Slate grey

#7E768F is a violet with RGB values 126, 118, 143 and HSL 259°, 10%, 51%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#7E768F#7E768F

HEX#7E768F

RGBrgb(126, 118, 143)

RGB (0–1)0.4941, 0.4627, 0.5608

RGB percentages49.4%, 46.3%, 56.1%

HSLhsl(259.2, 10%, 51.2%)

HSV / HSBhsv(259.2, 17.5%, 56.1%)

CMYK11.9%, 17.5%, 0%, 43.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,287,887

CSS custom property--colour: #7E768F;

Brightness & contrast

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

Perceived brightness123.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.88:1

Contrast with white4.31:1WCAG normal text: Fail

Contrast with black4.88:1WCAG normal text: AA

Greyscale equivalent#7A7A7A

Inverted#818970

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#717A90no red cones; affects about 1% of men; ΔE 6.6 from the original

Deuteranopia#737A8Eno green cones; the most common form, about 1% of men; ΔE 6.4 from the original

Tritanopia#7B797Eno blue cones; rare, and affects men and women equally; ΔE 11.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.31:1WCAG large text: AA

Contrast with black, large text4.88:1WCAG large text: AAA

Named colours

Slate grey · ΔE 10.7 Light slate grey · ΔE 11.6 Gray · ΔE 15.1 Dim grey · ΔE 16.4 Steel blue · ΔE 23.3 Dark grey · ΔE 23.5

Nearest named CSS colourSlate grey (#708090)ΔE 10.71, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#878F76

Analogous#767A8F, #8B768F

Triadic#8F7E76, #768F7E

Split complementary#8F8B76, #7A8F76

Tetradic#8F767A, #878F76, #768F8B

Tints, shades & saturation

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

Lighter +40%#E8E6EB

Lighter +30%#CDCAD4

Lighter +20%#B3AEBD

Lighter +10%#9892A6

Darker −10%#655E74

Darker −20%#4D4857

Darker −30%#34313B

Darker −40%#1B1A1F

More saturated +25%#7357AE

Less saturated −25%#838383

Channel breakdown

R126

G118

B143

Red126 (49.4%)

Green118 (46.3%)

Blue143 (56.1%)

Hue259.2°

Saturation (HSL)10.04%

Lightness51.18%

Dominant channelBlue

Hex per channelR 7E · G 76 · B 8F

Keep nerding

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

#7E768F

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