Nerdulator> put something in

Recognised as Colour

#87ABE1

  • #87ABE1
  • Blue
  • Dark
  • Nearest: Light skyblue

#87ABE1 is a blue with RGB values 135, 171, 225 and HSL 216°, 60%, 71%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#87ABE1#87ABE1
HEX#87ABE1
RGBrgb(135, 171, 225)
RGB (0–1)0.5294, 0.6706, 0.8824
RGB percentages52.9%, 67.1%, 88.2%
HSLhsl(216, 60%, 70.6%)
HSV / HSBhsv(216, 40%, 88.2%)
CMYK40%, 24%, 0%, 11.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,891,361
CSS custom property--colour: #87ABE1;

Brightness & contrast

Relative luminance0.39713WCAG 2.x, 0 is black and 1 is white
Perceived brightness168.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.94:1
Contrast with white2.35:1WCAG normal text: Fail
Contrast with black8.94:1WCAG normal text: AAA
Greyscale equivalent#A7A7A7
Inverted#78541E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#97AEE3no red cones; affects about 1% of men; ΔE 4.2 from the original
Deuteranopia#8DA5E0no green cones; the most common form, about 1% of men; ΔE 5.1 from the original
Tritanopia#68B7BDno blue cones; rare, and affects men and women equally; ΔE 31.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.35:1WCAG large text: Fail
Contrast with black, large text8.94:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 16.2Steel blue · ΔE 17.7Light steelblue · ΔE 18.5Cornflower blue · ΔE 21.2Sky blue · ΔE 21.3Deep skyblue · ΔE 22.4
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 16.21, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E1BD87
Analogous#87D8E1, #9087E1
Triadic#E187AB, #ABE187
Split complementary#E19087, #D8E187
Tetradic#E187D8, #E1BD87, #87E190

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#D9E4F5
Lighter +10%#B0C8EB
Darker −10%#5E8ED7
Darker −20%#3572CD
Darker −30%#295BA6
Darker −40%#1F457D
More saturated +25%#74A7F4
Less saturated −25%#9AAFCE

Channel breakdown

R135
G171
B225
Red135 (52.9%)
Green171 (67.1%)
Blue225 (88.2%)
Hue216°
Saturation (HSL)60%
Lightness70.59%
Dominant channelBlue
Hex per channelR 87 · G AB · B E1

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