Nerdulator> put something in

Recognised as Colour

#87B2DF

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

#87B2DF is a blue with RGB values 135, 178, 223 and HSL 211°, 58%, 70%. It is a dark colour, so black text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#87B2DF#87B2DF
HEX#87B2DF
RGBrgb(135, 178, 223)
RGB (0–1)0.5294, 0.698, 0.8745
RGB percentages52.9%, 69.8%, 87.5%
HSLhsl(210.7, 57.9%, 70.2%)
HSV / HSBhsv(210.7, 39.5%, 87.5%)
CMYK39.5%, 20.2%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,893,151
CSS custom property--colour: #87B2DF;

Brightness & contrast

Relative luminance0.42319WCAG 2.x, 0 is black and 1 is white
Perceived brightness172.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.46:1
Contrast with white2.22:1WCAG normal text: Fail
Contrast with black9.46:1WCAG normal text: AAA
Greyscale equivalent#ACACAC
Inverted#784D20

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A1B3E1no red cones; affects about 1% of men; ΔE 7.8 from the original
Deuteranopia#96AADEno green cones; the most common form, about 1% of men; ΔE 8.5 from the original
Tritanopia#68BCC1no blue cones; rare, and affects men and women equally; ΔE 26.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.22:1WCAG large text: Fail
Contrast with black, large text9.46:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 11.7Light steelblue · ΔE 14.2Sky blue · ΔE 15.4Steel blue · ΔE 19.3Deep skyblue · ΔE 21.2Light blue · ΔE 21.7
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 11.65, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DFB487
Analogous#87DEDF, #8887DF
Triadic#DF87B2, #B2DF87
Split complementary#DF8887, #DEDF87
Tetradic#DF87DE, #DFB487, #87DF88

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#D8E6F4
Lighter +10%#AFCCEA
Darker −10%#5F98D4
Darker −20%#367ECA
Darker −30%#2B65A2
Darker −40%#204C7A
More saturated +25%#74B2F2
Less saturated −25%#9AB2CC

Channel breakdown

R135
G178
B223
Red135 (52.9%)
Green178 (69.8%)
Blue223 (87.5%)
Hue210.68°
Saturation (HSL)57.89%
Lightness70.2%
Dominant channelBlue
Hex per channelR 87 · G B2 · B DF

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