Nerdulator> put something in

Recognised as Colour

#56B1EC

  • #56B1EC
  • Blue
  • Dark
  • Nearest: Deep skyblue

#56B1EC is a blue with RGB values 86, 177, 236 and HSL 204°, 80%, 63%. 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

#56B1EC#56B1EC
HEX#56B1EC
RGBrgb(86, 177, 236)
RGB (0–1)0.3373, 0.6941, 0.9255
RGB percentages33.7%, 69.4%, 92.5%
HSLhsl(203.6, 79.8%, 63.1%)
HSV / HSBhsv(203.6, 63.6%, 92.5%)
CMYK63.6%, 25%, 0%, 7.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,681,644
CSS custom property--colour: #56B1EC;

Brightness & contrast

Relative luminance0.39479WCAG 2.x, 0 is black and 1 is white
Perceived brightness164.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.9:1
Contrast with white2.36:1WCAG normal text: Fail
Contrast with black8.9:1WCAG normal text: AAA
Greyscale equivalent#A2A2A2
Inverted#A94E13

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#96B1EFno red cones; affects about 1% of men; ΔE 15.9 from the original
Deuteranopia#81A2EBno green cones; the most common form, about 1% of men; ΔE 17.4 from the original
Tritanopia#00C0C5no blue cones; rare, and affects men and women equally; ΔE 36.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.36:1WCAG large text: Fail
Contrast with black, large text8.9:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 10.2Light skyblue · ΔE 14Steel blue · ΔE 18.3Sky blue · ΔE 19.9Cornflower blue · ΔE 23.3Light steelblue · ΔE 25.5
Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 10.22, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#EC9156
Analogous#56ECDC, #5666EC
Triadic#EC56B1, #B1EC56
Split complementary#EC5666, #ECDC56
Tetradic#DC56EC, #EC9156, #66EC56

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#E0F0FB
Lighter +20%#B2DBF6
Lighter +10%#84C6F1
Darker −10%#289CE7
Darker −20%#1681C6
Darker −30%#116398
Darker −40%#0C456A
More saturated +25%#43B5FF
Less saturated −25%#6EACD4

Channel breakdown

R86
G177
B236
Red86 (33.7%)
Green177 (69.4%)
Blue236 (92.5%)
Hue203.6°
Saturation (HSL)79.79%
Lightness63.14%
Dominant channelBlue
Hex per channelR 56 · G B1 · B EC

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “56b1ec” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.