Colour

#96DBF2

#96DBF2
Cyan
Light
Nearest: Sky blue

#96DBF2 is a cyan with RGB values 150, 219, 242 and HSL 195°, 78%, 77%. It is a light colour, so black text on it reaches 13.7:1 contrast (AAA for normal text). The nearest named colour is Sky blue.

Colour values

#96DBF2#96DBF2

HEX#96DBF2

RGBrgb(150, 219, 242)

RGB (0–1)0.5882, 0.8588, 0.949

RGB percentages58.8%, 85.9%, 94.9%

HSLhsl(195, 78%, 76.9%)

HSV / HSBhsv(195, 38%, 94.9%)

CMYK38%, 9.5%, 0%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,886,706

CSS custom property--colour: #96DBF2;

Brightness & contrast

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

Perceived brightness203.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.71:1

Contrast with white1.53:1WCAG normal text: Fail

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

Greyscale equivalent#CECECE

Inverted#69240D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#BFCCF2no green cones; the most common form, about 1% of men; ΔE 19.6 from the original

Tritanopia#72E3E2no blue cones; rare, and affects men and women equally; ΔE 18.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.53:1WCAG large text: Fail

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

Named colours

Sky blue · ΔE 5.6 Light blue · ΔE 8.3 Powder blue · ΔE 10.5 Light skyblue · ΔE 12.3 Pale turquoise · ΔE 13.8 Light steelblue · ΔE 15.8

Nearest named CSS colourSky blue (#87CEEB)ΔE 5.65, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F2AD96

Analogous#96F2DB, #96ADF2

Triadic#F296DB, #DBF296

Split complementary#F296AD, #F2DB96

Tetradic#DB96F2, #F2AD96, #ADF296

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#F1FAFD

Lighter +10%#C3EBF8

Darker −10%#69CBEC

Darker −20%#3BBCE7

Darker −30%#1AA6D5

Darker −40%#1583A7

More saturated +25%#89E2FF

Less saturated −25%#A5D4E3

Channel breakdown

R150

G219

B242

Red150 (58.8%)

Green219 (85.9%)

Blue242 (94.9%)

Hue195°

Saturation (HSL)77.97%

Lightness76.86%

Dominant channelBlue

Hex per channelR 96 · G DB · B F2

Keep nerding

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

#96DBF2

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