Colour

#777C89

#777C89
Grey
Dark
Nearest: Slate grey

#777C89 is a grey with RGB values 119, 124, 137 and HSL 223°, 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

#777C89#777C89

HEX#777C89

RGBrgb(119, 124, 137)

RGB (0–1)0.4667, 0.4863, 0.5373

RGB percentages46.7%, 48.6%, 53.7%

HSLhsl(223.3, 7.1%, 50.2%)

HSV / HSBhsv(223.3, 13.1%, 53.7%)

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

24-bit integer7,830,665

CSS custom property--colour: #777C89;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.03:1

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

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

Greyscale equivalent#7C7C7C

Inverted#888376

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#737E80no 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.18:1WCAG large text: AA

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

Named colours

Slate grey · ΔE 4.3 Light slate grey · ΔE 6.1 Gray · ΔE 7.9 Dim grey · ΔE 10.8 Dark grey · ΔE 18.9 Cadetblue · ΔE 22.6

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#898477

Analogous#778589, #7B7789

Triadic#89777C, #7C8977

Split complementary#897B77, #858977

Tetradic#897785, #898477, #77897B

Tints, shades & saturation

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

Lighter +40%#E4E5E8

Lighter +30%#C9CBD0

Lighter +20%#AEB1B8

Lighter +10%#9296A1

Darker −10%#5F636E

Darker −20%#484B52

Darker −30%#303237

Darker −40%#18191C

More saturated +25%#576EA9

Less saturated −25%#808080

Channel breakdown

R119

G124

B137

Red119 (46.7%)

Green124 (48.6%)

Blue137 (53.7%)

Hue223.33°

Saturation (HSL)7.09%

Lightness50.2%

Dominant channelBlue

Hex per channelR 77 · G 7C · B 89

Keep nerding

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

#777C89

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