Colour

#588A80

#588A80
Cyan
Dark
Nearest: Cadetblue

#588A80 is a cyan with RGB values 88, 138, 128 and HSL 168°, 22%, 44%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#588A80#588A80

HEX#588A80

RGBrgb(88, 138, 128)

RGB (0–1)0.3451, 0.5412, 0.502

RGB percentages34.5%, 54.1%, 50.2%

HSLhsl(168, 22.1%, 44.3%)

HSV / HSBhsv(168, 36.2%, 54.1%)

CMYK36.2%, 0%, 7.2%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,802,624

CSS custom property--colour: #588A80;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.36:1

Contrast with white3.92:1WCAG normal text: Fail

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

Greyscale equivalent#7F7F7F

Inverted#A7757F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#868480no red cones; affects about 1% of men; ΔE 19.4 from the original

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

Tritanopia#488C87no blue cones; rare, and affects men and women equally; ΔE 5.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.92:1WCAG large text: AA

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

Named colours

Cadetblue · ΔE 10.5 Teal · ΔE 14 Dark cyan · ΔE 14.6 Gray · ΔE 19.2 Slate grey · ΔE 20.1 Light slate grey · ΔE 20.4

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A5862

Analogous#588A67, #587B8A

Triadic#80588A, #8A8058

Split complementary#8A587B, #8A6758

Tetradic#67588A, #8A5862, #7B8A58

Tints, shades & saturation

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

Lighter +40%#CEE0DC

Lighter +30%#AFCCC6

Lighter +20%#90B8B0

Lighter +10%#71A49A

Darker −10%#446B63

Darker −20%#304C46

Darker −30%#1C2D29

Darker −40%#090D0C

More saturated +25%#3CA691

Less saturated −25%#717171

Channel breakdown

R88

G138

B128

Red88 (34.5%)

Green138 (54.1%)

Blue128 (50.2%)

Hue168°

Saturation (HSL)22.12%

Lightness44.31%

Dominant channelGreen

Hex per channelR 58 · G 8A · B 80

Keep nerding

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

#588A80

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