Colour

#22B5DC

#22B5DC
Cyan
Dark
Nearest: Deep skyblue

#22B5DC is a cyan with RGB values 34, 181, 220 and HSL 193°, 73%, 50%. It is a dark colour, so black text on it reaches 8.7:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#22B5DC#22B5DC

HEX#22B5DC

RGBrgb(34, 181, 220)

RGB (0–1)0.1333, 0.7098, 0.8627

RGB percentages13.3%, 71%, 86.3%

HSLhsl(192.6, 73.2%, 49.8%)

HSV / HSBhsv(192.6, 84.5%, 86.3%)

CMYK84.5%, 17.7%, 0%, 13.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,274,780

CSS custom property--colour: #22B5DC;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.71:1

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

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

Greyscale equivalent#999999

Inverted#DD4A23

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#87A0DCno green cones; the most common form, about 1% of men; ΔE 29.5 from the original

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

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

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

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

Named colours

Deep skyblue · ΔE 14.3 Sky blue · ΔE 16.1 Light skyblue · ΔE 16.7 Cadetblue · ΔE 23.9 Dark turquoise · ΔE 24.6 Steel blue · ΔE 24.9

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DC4922

Analogous#22DCA6, #2258DC

Triadic#DC22B5, #B5DC22

Split complementary#DC2258, #DCA622

Tetradic#A622DC, #DC4922, #58DC22

Tints, shades & saturation

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

Lighter +40%#D2F0F8

Lighter +30%#A6E1F1

Lighter +20%#7AD3EA

Lighter +10%#4DC4E4

Darker −10%#1B91B0

Darker −20%#146C84

Darker −30%#0E4857

Darker −40%#07242B

More saturated +25%#02C7FC

Less saturated −25%#42A3BC

Channel breakdown

R34

G181

B220

Red34 (13.3%)

Green181 (71%)

Blue220 (86.3%)

Hue192.58°

Saturation (HSL)73.23%

Lightness49.8%

Dominant channelBlue

Hex per channelR 22 · G B5 · B DC

Keep nerding

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

#22B5DC

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