Colour

#58B2C0

#58B2C0
Cyan
Dark
Nearest: Cadetblue

#58B2C0 is a cyan with RGB values 88, 178, 192 and HSL 188°, 45%, 55%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#58B2C0#58B2C0

HEX#58B2C0

RGBrgb(88, 178, 192)

RGB (0–1)0.3451, 0.698, 0.7529

RGB percentages34.5%, 69.8%, 75.3%

HSLhsl(188.1, 45.2%, 54.9%)

HSV / HSBhsv(188.1, 54.2%, 75.3%)

CMYK54.2%, 7.3%, 0%, 24.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,812,928

CSS custom property--colour: #58B2C0;

Brightness & contrast

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

Perceived brightness158.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.54:1

Contrast with white2.46:1WCAG normal text: Fail

Contrast with black8.54:1WCAG normal text: AAA

Greyscale equivalent#A0A0A0

Inverted#A74D3F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A5ACC1no red cones; affects about 1% of men; ΔE 25.2 from the original

Deuteranopia#95A0C0no green cones; the most common form, about 1% of men; ΔE 26.2 from the original

Tritanopia#00B9B6no blue cones; rare, and affects men and women equally; ΔE 16.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.46:1WCAG large text: Fail

Contrast with black, large text8.54:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 10.8 Sky blue · ΔE 15.2 Light seagreen · ΔE 17.3 Medium turquoise · ΔE 18.4 Dark cyan · ΔE 18.5 Dark turquoise · ΔE 18.8

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C06658

Analogous#58C09A, #587EC0

Triadic#C058B2, #B2C058

Split complementary#C0587E, #C09A58

Tetradic#9A58C0, #C06658, #7EC058

Tints, shades & saturation

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

Lighter +40%#ECF6F8

Lighter +30%#C7E5EA

Lighter +20%#A2D4DC

Lighter +10%#7DC3CE

Darker −10%#3F98A6

Darker −20%#317681

Darker −30%#23545C

Darker −40%#153337

More saturated +25%#3BC7DD

Less saturated −25%#759DA3

Channel breakdown

R88

G178

B192

Red88 (34.5%)

Green178 (69.8%)

Blue192 (75.3%)

Hue188.08°

Saturation (HSL)45.22%

Lightness54.9%

Dominant channelBlue

Hex per channelR 58 · G B2 · B C0

Keep nerding

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

#58B2C0

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