Colour

#00B0D9

#00B0D9
Cyan
Dark
Nearest: Deep skyblue

#00B0D9 is a cyan with RGB values 0, 176, 217 and HSL 191°, 100%, 43%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#00B0D9#00B0D9

HEX#00B0D9

RGBrgb(0, 176, 217)

RGB (0–1)0, 0.6902, 0.851

RGB percentages0%, 69%, 85.1%

HSLhsl(191.3, 100%, 42.5%)

HSV / HSBhsv(191.3, 100%, 85.1%)

CMYK100%, 18.9%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer45,273

CSS custom property--colour: #00B0D9;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.21:1

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

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

Greyscale equivalent#8E8E8E

Inverted#FF4F26

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#98ACDBno red cones; affects about 1% of men; ΔE 27.6 from the original

Deuteranopia#809AD9no green cones; the most common form, about 1% of men; ΔE 30.2 from the original

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

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

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

Named colours

Deep skyblue · ΔE 13.9 Sky blue · ΔE 18 Light skyblue · ΔE 18.1 Steel blue · ΔE 23.6 Cadetblue · ΔE 24.6 Dark turquoise · ΔE 26

Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 13.91, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D92900

Analogous#00D996, #0043D9

Triadic#D900B0, #B0D900

Split complementary#D90044, #D99600

Tetradic#9500D9, #D92900, #43D900

Tints, shades & saturation

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

Lighter +40%#A6EEFF

Lighter +30%#73E5FF

Lighter +20%#40DBFF

Lighter +10%#0DD1FF

Darker −10%#0087A6

Darker −20%#005D73

Darker −30%#003440

Darker −40%#000B0D

More saturated +25%#00B0D9

Less saturated −25%#1B9FBE

Channel breakdown

G176

B217

Red0 (0%)

Green176 (69%)

Blue217 (85.1%)

Hue191.34°

Saturation (HSL)100%

Lightness42.55%

Dominant channelBlue

Hex per channelR 00 · G B0 · B D9

Keep nerding

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

#00B0D9

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