Colour

#86AEB5

#86AEB5
Cyan
Dark
Nearest: Cadetblue

#86AEB5 is a cyan with RGB values 134, 174, 181 and HSL 189°, 24%, 62%. It is a dark colour, so black text on it reaches 8.7:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#86AEB5#86AEB5

HEX#86AEB5

RGBrgb(134, 174, 181)

RGB (0–1)0.5255, 0.6824, 0.7098

RGB percentages52.5%, 68.2%, 71%

HSLhsl(188.9, 24.1%, 61.8%)

HSV / HSBhsv(188.9, 26%, 71%)

CMYK26%, 3.9%, 0%, 29%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,826,549

CSS custom property--colour: #86AEB5;

Brightness & contrast

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

Perceived brightness163.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.74:1

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

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

Greyscale equivalent#A6A6A6

Inverted#79514A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A7ABB5no red cones; affects about 1% of men; ΔE 12.7 from the original

Deuteranopia#9FA4B5no green cones; the most common form, about 1% of men; ΔE 13.6 from the original

Tritanopia#77B2B0no blue cones; rare, and affects men and women equally; ΔE 8.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 10.8 Dark grey · ΔE 14.3 Light blue · ΔE 15.7 Light slate grey · ΔE 16.1 Light steelblue · ΔE 16.2 Silver · ΔE 16.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 10.81, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B58D86

Analogous#86B5A5, #8696B5

Triadic#B586AE, #AEB586

Split complementary#B58696, #B5A586

Tetradic#A586B5, #B58D86, #96B586

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E5EEEF

Lighter +20%#C5D8DC

Lighter +10%#A6C3C8

Darker −10%#6699A2

Darker −20%#517D84

Darker −30%#3D5F65

Darker −40%#2A4145

More saturated +25%#6EBFCD

Less saturated −25%#9E9E9E

Channel breakdown

R134

G174

B181

Red134 (52.5%)

Green174 (68.2%)

Blue181 (71%)

Hue188.94°

Saturation (HSL)24.1%

Lightness61.76%

Dominant channelBlue

Hex per channelR 86 · G AE · B B5

Keep nerding

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

#86AEB5

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