Colour

#01B7E2

#01B7E2
Cyan
Dark
Nearest: Deep skyblue

#01B7E2 is a cyan with RGB values 1, 183, 226 and HSL 191°, 99%, 45%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#01B7E2#01B7E2

HEX#01B7E2

RGBrgb(1, 183, 226)

RGB (0–1)0.0039, 0.7176, 0.8863

RGB percentages0.4%, 71.8%, 88.6%

HSLhsl(191.5, 99.1%, 44.5%)

HSV / HSBhsv(191.5, 99.6%, 88.6%)

CMYK99.6%, 19%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer112,610

CSS custom property--colour: #01B7E2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.87:1

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

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

Greyscale equivalent#939393

Inverted#FE481D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9EB2E4no red cones; affects about 1% of men; ΔE 28.7 from the original

Deuteranopia#85A1E2no green cones; the most common form, about 1% of men; ΔE 30.5 from the original

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

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

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

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

Named colours

Deep skyblue · ΔE 12.3 Light skyblue · ΔE 17 Sky blue · ΔE 17.3 Steel blue · ΔE 25.5 Dark turquoise · ΔE 25.8 Cadetblue · ΔE 26.4

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E22C01

Analogous#01E29D, #0146E2

Triadic#E201B7, #B7E201

Split complementary#E20146, #E29D01

Tetradic#9D01E2, #E22C01, #46E201

Tints, shades & saturation

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

Lighter +40%#B0F0FF

Lighter +30%#7EE6FE

Lighter +20%#4BDCFE

Lighter +10%#18D2FE

Darker −10%#018EAF

Darker −20%#01657C

Darker −30%#003C4A

Darker −40%#001317

More saturated +25%#00B8E3

Less saturated −25%#1DA5C6

Channel breakdown

G183

B226

Red1 (0.4%)

Green183 (71.8%)

Blue226 (88.6%)

Hue191.47°

Saturation (HSL)99.12%

Lightness44.51%

Dominant channelBlue

Hex per channelR 01 · G B7 · B E2

Keep nerding

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

#01B7E2

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