Recognised as Colour

#22BCF8

#22BCF8
Cyan
Dark
Nearest: Deep skyblue

#22BCF8 is a cyan with RGB values 34, 188, 248 and HSL 197°, 94%, 55%. It is a dark colour, so black text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#22BCF8#22BCF8

HEX#22BCF8

RGBrgb(34, 188, 248)

RGB (0–1)0.1333, 0.7373, 0.9725

RGB percentages13.3%, 73.7%, 97.3%

HSLhsl(196.8, 93.9%, 55.3%)

HSV / HSBhsv(196.8, 86.3%, 97.3%)

CMYK86.3%, 24.2%, 0%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,276,600

CSS custom property--colour: #22BCF8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.62:1

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

Contrast with black9.62:1WCAG normal text: AAA

Greyscale equivalent#A0A0A0

Inverted#DD4307

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text9.62:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 2.5 Light skyblue · ΔE 15.6 Sky blue · ΔE 20.6 Steel blue · ΔE 24.6 Cornflower blue · ΔE 29.7 Light steelblue · ΔE 30.5

Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 2.54, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F85E22

Analogous#22F8C9, #2251F8

Triadic#F822BC, #BCF822

Split complementary#F82251, #F8C922

Tetradic#C922F8, #F85E22, #51F822

Tints, shades & saturation

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

Lighter +40%#E8F8FE

Lighter +30%#B6E9FD

Lighter +20%#85DAFB

Lighter +10%#53CBFA

Darker −10%#07A3E0

Darker −20%#067FAE

Darker −30%#045B7D

Darker −40%#02374C

More saturated +25%#1BBFFF

Less saturated −25%#3FAFDC

Channel breakdown

R34

G188

B248

Red34 (13.3%)

Green188 (73.7%)

Blue248 (97.3%)

Hue196.82°

Saturation (HSL)93.86%

Lightness55.29%

Dominant channelBlue

Hex per channelR 22 · G BC · B F8

Keep nerding

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

#22BCF8

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