Colour

#5DB0C4

#5DB0C4
Cyan
Dark
Nearest: Cadetblue

#5DB0C4 is a cyan with RGB values 93, 176, 196 and HSL 192°, 47%, 57%. 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

#5DB0C4#5DB0C4

HEX#5DB0C4

RGBrgb(93, 176, 196)

RGB (0–1)0.3647, 0.6902, 0.7686

RGB percentages36.5%, 69%, 76.9%

HSLhsl(191.7, 46.6%, 56.7%)

HSV / HSBhsv(191.7, 52.6%, 76.9%)

CMYK52.6%, 10.2%, 0%, 23.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,140,100

CSS custom property--colour: #5DB0C4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.47:1

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

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

Greyscale equivalent#A0A0A0

Inverted#A24F3B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#929FC4no green cones; the most common form, about 1% of men; ΔE 23.6 from the original

Tritanopia#11B8B6no blue cones; rare, and affects men and women equally; ΔE 19.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 12.3 Sky blue · ΔE 13.1 Light skyblue · ΔE 18.4 Light blue · ΔE 19.6 Dark cyan · ΔE 20.9 Light seagreen · ΔE 21.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C4715D

Analogous#5DC4A4, #5D7DC4

Triadic#C45DB0, #B0C45D

Split complementary#C45D7D, #C4A45D

Tetradic#A45DC4, #C4715D, #7DC45D

Tints, shades & saturation

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

Lighter +40%#F3F9FA

Lighter +30%#CDE7ED

Lighter +20%#A8D4DF

Lighter +10%#82C2D2

Darker −10%#4099AE

Darker −20%#327889

Darker −30%#245764

Darker −40%#17373E

More saturated +25%#41C1E0

Less saturated −25%#799FA8

Channel breakdown

R93

G176

B196

Red93 (36.5%)

Green176 (69%)

Blue196 (76.9%)

Hue191.65°

Saturation (HSL)46.61%

Lightness56.67%

Dominant channelBlue

Hex per channelR 5D · G B0 · B C4

Keep nerding

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

#5DB0C4

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