Colour

#87A0D9

#87A0D9
Blue
Dark
Nearest: Steel blue

#87A0D9 is a blue with RGB values 135, 160, 217 and HSL 222°, 52%, 69%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#87A0D9#87A0D9

HEX#87A0D9

RGBrgb(135, 160, 217)

RGB (0–1)0.5294, 0.6275, 0.851

RGB percentages52.9%, 62.7%, 85.1%

HSLhsl(221.7, 51.9%, 69%)

HSV / HSBhsv(221.7, 37.8%, 85.1%)

CMYK37.8%, 26.3%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,888,537

CSS custom property--colour: #87A0D9;

Brightness & contrast

Relative luminance0.35302WCAG 2.x, 0 is black and 1 is white

Perceived brightness160.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.06:1

Contrast with white2.61:1WCAG normal text: Fail

Contrast with black8.06:1WCAG normal text: AAA

Greyscale equivalent#9F9F9F

Inverted#785F26

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8DA4DCno red cones; affects about 1% of men; ΔE 1.8 from the original

Deuteranopia#859DD8no green cones; the most common form, about 1% of men; ΔE 1.6 from the original

Tritanopia#6DACB4no blue cones; rare, and affects men and women equally; ΔE 31.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.61:1WCAG large text: Fail

Contrast with black, large text8.06:1WCAG large text: AAA

Named colours

Steel blue · ΔE 16.5 Cornflower blue · ΔE 18.5 Light skyblue · ΔE 21.4 Light steelblue · ΔE 21.7 Light slate grey · ΔE 24.2 Slate grey · ΔE 26

Nearest named CSS colourSteel blue (#4682B4)ΔE 16.45, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#D9C087

Analogous#87C9D9, #9787D9

Triadic#D987A0, #A0D987

Split complementary#D99787, #C9D987

Tetradic#D987C9, #D9C087, #87D997

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FBFCFE

Lighter +20%#D4DDF2

Lighter +10%#AEBFE5

Darker −10%#6081CD

Darker −20%#3C64BE

Darker −30%#304F97

Darker −40%#243B70

More saturated +25%#7398ED

Less saturated −25%#9BA8C5

Channel breakdown

R135

G160

B217

Red135 (52.9%)

Green160 (62.7%)

Blue217 (85.1%)

Hue221.71°

Saturation (HSL)51.9%

Lightness69.02%

Dominant channelBlue

Hex per channelR 87 · G A0 · B D9

Keep nerding

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

#87A0D9

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else