Colour

#787C89

#787C89
Grey
Dark
Nearest: Slate grey

#787C89 is a grey with RGB values 120, 124, 137 and HSL 226°, 7%, 50%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#787C89#787C89

HEX#787C89

RGBrgb(120, 124, 137)

RGB (0–1)0.4706, 0.4863, 0.5373

RGB percentages47.1%, 48.6%, 53.7%

HSLhsl(225.9, 6.7%, 50.4%)

HSV / HSBhsv(225.9, 12.4%, 53.7%)

CMYK12.4%, 9.5%, 0%, 46.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,896,201

CSS custom property--colour: #787C89;

Brightness & contrast

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

Perceived brightness124.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.04:1

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

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

Greyscale equivalent#7C7C7C

Inverted#878376

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#797D8Ano red cones; affects about 1% of men; ΔE 0.4 from the original

Deuteranopia#777C89no green cones; the most common form, about 1% of men; ΔE 0.4 from the original

Tritanopia#747E80no blue cones; rare, and affects men and women equally; ΔE 6.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 4.6 Light slate grey · ΔE 6.3 Gray · ΔE 7.8 Dim grey · ΔE 10.8 Dark grey · ΔE 18.8 Cadetblue · ΔE 22.8

Nearest named CSS colourSlate grey (#708090)ΔE 4.63, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#898578

Analogous#788489, #7D7889

Triadic#89787C, #7C8978

Split complementary#897D78, #848978

Tetradic#897884, #898578, #78897D

Tints, shades & saturation

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

Lighter +40%#E5E6E8

Lighter +30%#CACBD0

Lighter +20%#AEB1B9

Lighter +10%#9396A1

Darker −10%#60636E

Darker −20%#484B53

Darker −30%#313237

Darker −40%#191A1C

More saturated +25%#586BA9

Less saturated −25%#818181

Channel breakdown

R120

G124

B137

Red120 (47.1%)

Green124 (48.6%)

Blue137 (53.7%)

Hue225.88°

Saturation (HSL)6.72%

Lightness50.39%

Dominant channelBlue

Hex per channelR 78 · G 7C · B 89

Keep nerding

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

#787C89

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