Colour

#5F8187

#5F8187
Cyan
Dark
Nearest: Slate grey

#5F8187 is a cyan with RGB values 95, 129, 135 and HSL 189°, 17%, 45%. 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

#5F8187#5F8187

HEX#5F8187

RGBrgb(95, 129, 135)

RGB (0–1)0.3725, 0.5059, 0.5294

RGB percentages37.3%, 50.6%, 52.9%

HSLhsl(189, 17.4%, 45.1%)

HSV / HSBhsv(189, 29.6%, 52.9%)

CMYK29.6%, 4.4%, 0%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,259,079

CSS custom property--colour: #5F8187;

Brightness & contrast

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

Perceived brightness120.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.98:1

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

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

Greyscale equivalent#7A7A7A

Inverted#A07E78

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7B7E87no red cones; affects about 1% of men; ΔE 11.4 from the original

Deuteranopia#747987no green cones; the most common form, about 1% of men; ΔE 11.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 9.1 Light slate grey · ΔE 10 Gray · ΔE 12.8 Cadetblue · ΔE 13.2 Dim grey · ΔE 14.6 Teal · ΔE 18.8

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#87655F

Analogous#5F8779, #5F6D87

Triadic#875F81, #81875F

Split complementary#875F6D, #87795F

Tetradic#795F87, #87655F, #6D875F

Tints, shades & saturation

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

Lighter +40%#D2DEE0

Lighter +30%#B4C7CB

Lighter +20%#97B1B5

Lighter +10%#799AA0

Darker −10%#4A6469

Darker −20%#35484B

Darker −30%#202B2D

Darker −40%#0B0F0F

More saturated +25%#4295A4

Less saturated −25%#737373

Channel breakdown

R95

G129

B135

Red95 (37.3%)

Green129 (50.6%)

Blue135 (52.9%)

Hue189°

Saturation (HSL)17.39%

Lightness45.1%

Dominant channelBlue

Hex per channelR 5F · G 81 · B 87

Keep nerding

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

#5F8187

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