Colour

#5D787B

#5D787B
Cyan
Dark
Nearest: Slate grey

#5D787B is a cyan with RGB values 93, 120, 123 and HSL 186°, 14%, 42%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5D787B#5D787B

HEX#5D787B

RGBrgb(93, 120, 123)

RGB (0–1)0.3647, 0.4706, 0.4824

RGB percentages36.5%, 47.1%, 48.2%

HSLhsl(186, 13.9%, 42.4%)

HSV / HSBhsv(186, 24.4%, 48.2%)

CMYK24.4%, 2.4%, 0%, 51.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,125,691

CSS custom property--colour: #5D787B;

Brightness & contrast

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

Perceived brightness113 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.73:1

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

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

Greyscale equivalent#727272

Inverted#A28784

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#74767Bno red cones; affects about 1% of men; ΔE 9.5 from the original

Deuteranopia#6E717Bno green cones; the most common form, about 1% of men; ΔE 10.1 from the original

Tritanopia#547A79no blue cones; rare, and affects men and women equally; ΔE 4.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 9.9 Dim grey · ΔE 11 Gray · ΔE 11.4 Light slate grey · ΔE 11.8 Cadetblue · ΔE 16.8 Dark slate grey · ΔE 17.5

Nearest named CSS colourSlate grey (#708090)ΔE 9.92, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7B605D

Analogous#5D7B6F, #5D697B

Triadic#7B5D78, #787B5D

Split complementary#7B5D69, #7B6F5D

Tetradic#6F5D7B, #7B605D, #697B5D

Tints, shades & saturation

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

Lighter +40%#CCD7D8

Lighter +30%#AFC0C2

Lighter +20%#92AAAC

Lighter +10%#759396

Darker −10%#475C5E

Darker −20%#313F41

Darker −30%#1B2324

Darker −40%#050707

More saturated +25%#428E96

Less saturated −25%#6C6C6C

Channel breakdown

R93

G120

B123

Red93 (36.5%)

Green120 (47.1%)

Blue123 (48.2%)

Hue186°

Saturation (HSL)13.89%

Lightness42.35%

Dominant channelBlue

Hex per channelR 5D · G 78 · B 7B

Keep nerding

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

#5D787B

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