Nerdulator> put something in

Recognised as Colour

#56A6DE

  • #56A6DE
  • Blue
  • Dark
  • Nearest: Steel blue

#56A6DE is a blue with RGB values 86, 166, 222 and HSL 205°, 67%, 60%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#56A6DE#56A6DE
HEX#56A6DE
RGBrgb(86, 166, 222)
RGB (0–1)0.3373, 0.651, 0.8706
RGB percentages33.7%, 65.1%, 87.1%
HSLhsl(204.7, 67.3%, 60.4%)
HSV / HSBhsv(204.7, 61.3%, 87.1%)
CMYK61.3%, 25.2%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,678,814
CSS custom property--colour: #56A6DE;

Brightness & contrast

Relative luminance0.34525WCAG 2.x, 0 is black and 1 is white
Perceived brightness154.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.9:1
Contrast with white2.66:1WCAG normal text: Fail
Contrast with black7.9:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#A95921

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#8DA6E1no red cones; affects about 1% of men; ΔE 14.2 from the original
Deuteranopia#7A99DDno green cones; the most common form, about 1% of men; ΔE 15.2 from the original
Tritanopia#00B4B9no blue cones; rare, and affects men and women equally; ΔE 35.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.66:1WCAG large text: Fail
Contrast with black, large text7.9:1WCAG large text: AAA

Named colours

Steel blue · ΔE 13.9Deep skyblue · ΔE 14Light skyblue · ΔE 16.3Sky blue · ΔE 21.1Cornflower blue · ΔE 22.2Light steelblue · ΔE 25.1
Nearest named CSS colourSteel blue (#4682B4)ΔE 13.89, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DE8E56
Analogous#56DED2, #5662DE
Triadic#DE56A6, #A6DE56
Split complementary#DE5662, #DED256
Tetradic#D256DE, #DE8E56, #62DE56

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#D6E9F7
Lighter +20%#ABD3EF
Lighter +10%#81BCE6
Darker −10%#2B90D6
Darker −20%#2273AC
Darker −30%#195782
Darker −40%#113A57
More saturated +25%#3DAAF7
Less saturated −25%#6FA2C5

Channel breakdown

R86
G166
B222
Red86 (33.7%)
Green166 (65.1%)
Blue222 (87.1%)
Hue204.71°
Saturation (HSL)67.33%
Lightness60.39%
Dominant channelBlue
Hex per channelR 56 · G A6 · B DE

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 “56a6de” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.