Colour

#86A69D

#86A69D
Cyan
Dark
Nearest: Cadetblue

#86A69D is a cyan with RGB values 134, 166, 157 and HSL 163°, 15%, 59%. It is a dark colour, so black text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#86A69D#86A69D

HEX#86A69D

RGBrgb(134, 166, 157)

RGB (0–1)0.5255, 0.651, 0.6157

RGB percentages52.5%, 65.1%, 61.6%

HSLhsl(163.1, 15.2%, 58.8%)

HSV / HSBhsv(163.1, 19.3%, 65.1%)

CMYK19.3%, 0%, 5.4%, 34.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,824,477

CSS custom property--colour: #86A69D;

Brightness & contrast

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

Perceived brightness156.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.96:1

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

Contrast with black7.96:1WCAG normal text: AAA

Greyscale equivalent#9F9F9F

Inverted#795962

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#7EA7A3no blue cones; rare, and affects men and women equally; ΔE 3.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text7.96:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 11.7 Dark grey · ΔE 13.4 Gray · ΔE 17.6 Silver · ΔE 17.7 Light slate grey · ΔE 18.8 Slate grey · ΔE 20.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A6868F

Analogous#86A68D, #869FA6

Triadic#9D86A6, #A69D86

Split complementary#A6869F, #A68D86

Tetradic#8D86A6, #A6868F, #9FA686

Tints, shades & saturation

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

Lighter +40%#FCFCFC

Lighter +30%#DEE7E4

Lighter +20%#C1D1CD

Lighter +10%#A3BCB5

Darker −10%#6A8F85

Darker −20%#54726A

Darker −30%#3E554E

Darker −40%#293733

More saturated +25%#6CC0A8

Less saturated −25%#969696

Channel breakdown

R134

G166

B157

Red134 (52.5%)

Green166 (65.1%)

Blue157 (61.6%)

Hue163.13°

Saturation (HSL)15.24%

Lightness58.82%

Dominant channelGreen

Hex per channelR 86 · G A6 · B 9D

Keep nerding

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

#86A69D

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