Nerdulator> put something in

Recognised as Colour

#56A7D3

  • #56A7D3
  • Blue
  • Dark
  • Nearest: Light skyblue

#56A7D3 is a blue with RGB values 86, 167, 211 and HSL 201°, 59%, 58%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#56A7D3#56A7D3
HEX#56A7D3
RGBrgb(86, 167, 211)
RGB (0–1)0.3373, 0.6549, 0.8275
RGB percentages33.7%, 65.5%, 82.7%
HSLhsl(201.1, 58.7%, 58.2%)
HSV / HSBhsv(201.1, 59.2%, 82.7%)
CMYK59.2%, 20.9%, 0%, 17.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,679,059
CSS custom property--colour: #56A7D3;

Brightness & contrast

Relative luminance0.34319WCAG 2.x, 0 is black and 1 is white
Perceived brightness153.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.86:1
Contrast with white2.67:1WCAG normal text: Fail
Contrast with black7.86:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#A9582C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#92A6D5no red cones; affects about 1% of men; ΔE 16.5 from the original
Deuteranopia#8199D2no green cones; the most common form, about 1% of men; ΔE 17.8 from the original
Tritanopia#00B3B6no blue cones; rare, and affects men and women equally; ΔE 29.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.67:1WCAG large text: Fail
Contrast with black, large text7.86:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 14.6Steel blue · ΔE 15.1Deep skyblue · ΔE 15.8Sky blue · ΔE 16.7Light steelblue · ΔE 22.4Light slate grey · ΔE 23
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 14.61, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D38256
Analogous#56D3C0, #5669D3
Triadic#D356A7, #A7D356
Split complementary#D35668, #D3C156
Tetradic#C156D3, #D38256, #68D356

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F8FBFD
Lighter +30%#CFE6F3
Lighter +20%#A7D1E8
Lighter +10%#7EBCDE
Darker −10%#3390C3
Darker −20%#28729B
Darker −30%#1E5572
Darker −40%#13374A
More saturated +25%#3BAFEE
Less saturated −25%#719FB8

Channel breakdown

R86
G167
B211
Red86 (33.7%)
Green167 (65.5%)
Blue211 (82.7%)
Hue201.12°
Saturation (HSL)58.69%
Lightness58.24%
Dominant channelBlue
Hex per channelR 56 · G A7 · B D3

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