Recognised as Colour

#5F877D

#5F877D
Cyan
Dark
Nearest: Cadetblue

#5F877D is a cyan with RGB values 95, 135, 125 and HSL 165°, 17%, 45%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#5F877D#5F877D

HEX#5F877D

RGBrgb(95, 135, 125)

RGB (0–1)0.3725, 0.5294, 0.4902

RGB percentages37.3%, 52.9%, 49%

HSLhsl(165, 17.4%, 45.1%)

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

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

24-bit integer6,260,605

CSS custom property--colour: #5F877D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.25:1

Contrast with white4:1WCAG normal text: Fail

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

Greyscale equivalent#7E7E7E

Inverted#A07882

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#84827Dno red cones; affects about 1% of men; ΔE 16.1 from the original

Deuteranopia#7D7D7Eno green cones; the most common form, about 1% of men; ΔE 16.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 12 Gray · ΔE 16.2 Teal · ΔE 16.6 Dark cyan · ΔE 17.6 Slate grey · ΔE 18.1 Dim grey · ΔE 18.4

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.04, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#875F69

Analogous#5F8769, #5F7D87

Triadic#7D5F87, #877D5F

Split complementary#875F7D, #87695F

Tetradic#695F87, #875F69, #7D875F

Tints, shades & saturation

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

Lighter +40%#D2E0DC

Lighter +30%#B4CBC5

Lighter +20%#97B5AE

Lighter +10%#79A096

Darker −10%#4A6961

Darker −20%#354B46

Darker −30%#202D2A

Darker −40%#0B0F0E

More saturated +25%#42A48B

Less saturated −25%#737373

Channel breakdown

R95

G135

B125

Red95 (37.3%)

Green135 (52.9%)

Blue125 (49%)

Hue165°

Saturation (HSL)17.39%

Lightness45.1%

Dominant channelGreen

Hex per channelR 5F · G 87 · B 7D

Keep nerding

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

#5F877D

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