Nerdulator> put something in

Colour

#86BCD4

  • #86BCD4
  • Cyan
  • Dark
  • Nearest: Sky blue

#86BCD4 is a cyan with RGB values 134, 188, 212 and HSL 198°, 48%, 68%. It is a dark colour, so black text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Sky blue.

Colour values

#86BCD4#86BCD4
HEX#86BCD4
RGBrgb(134, 188, 212)
RGB (0–1)0.5255, 0.7373, 0.8314
RGB percentages52.5%, 73.7%, 83.1%
HSLhsl(198.5, 47.6%, 67.8%)
HSV / HSBhsv(198.5, 36.8%, 83.1%)
CMYK36.8%, 11.3%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,830,164
CSS custom property--colour: #86BCD4;

Brightness & contrast

Relative luminance0.45788WCAG 2.x, 0 is black and 1 is white
Perceived brightness176.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.16:1
Contrast with white2.07:1WCAG normal text: Fail
Contrast with black10.16:1WCAG normal text: AAA
Greyscale equivalent#B2B2B2
Inverted#79432B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AFB9D5no red cones; affects about 1% of men; ΔE 14.3 from the original
Deuteranopia#A4B0D4no green cones; the most common form, about 1% of men; ΔE 15.4 from the original
Tritanopia#6AC3C4no blue cones; rare, and affects men and women equally; ΔE 17.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.07:1WCAG large text: Fail
Contrast with black, large text10.16:1WCAG large text: AAA

Named colours

Sky blue · ΔE 7.6Light steelblue · ΔE 11.8Light blue · ΔE 12.1Light skyblue · ΔE 12.6Powder blue · ΔE 16.2Cadetblue · ΔE 17.9
Nearest named CSS colourSky blue (#87CEEB)ΔE 7.55, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D49E86
Analogous#86D4C5, #8695D4
Triadic#D486BC, #BCD486
Split complementary#D48695, #D4C586
Tetradic#C586D4, #D49E86, #95D486

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F7FBFC
Lighter +20%#D1E6EF
Lighter +10%#ACD1E1
Darker −10%#60A7C7
Darker −20%#4090B4
Darker −30%#33728E
Darker −40%#255469
More saturated +25%#72C4E9
Less saturated −25%#9BB4C0

Channel breakdown

R134
G188
B212
Red134 (52.5%)
Green188 (73.7%)
Blue212 (83.1%)
Hue198.46°
Saturation (HSL)47.56%
Lightness67.84%
Dominant channelBlue
Hex per channelR 86 · G BC · B D4

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