Colour

#8BBAB2

#8BBAB2
Cyan
Dark
Nearest: Cadetblue

#8BBAB2 is a cyan with RGB values 139, 186, 178 and HSL 170°, 25%, 64%. It is a dark colour, so black text on it reaches 9.8:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#8BBAB2#8BBAB2

HEX#8BBAB2

RGBrgb(139, 186, 178)

RGB (0–1)0.5451, 0.7294, 0.698

RGB percentages54.5%, 72.9%, 69.8%

HSLhsl(169.8, 25.4%, 63.7%)

HSV / HSBhsv(169.8, 25.3%, 72.9%)

CMYK25.3%, 0%, 4.3%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,157,298

CSS custom property--colour: #8BBAB2;

Brightness & contrast

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

Perceived brightness172.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.76:1

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

Contrast with black9.76:1WCAG normal text: AAA

Greyscale equivalent#AFAFAF

Inverted#74454D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#ADAEB3no green cones; the most common form, about 1% of men; ΔE 17.9 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text9.76:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.9 Powder blue · ΔE 16 Light blue · ΔE 16.9 Dark grey · ΔE 17.5 Silver · ΔE 18.1 Pale turquoise · ΔE 18.9

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BA8B93

Analogous#8BBA9A, #8BABBA

Triadic#B28BBA, #BAB28B

Split complementary#BA8BAB, #BA9A8B

Tetradic#9A8BBA, #BA8B93, #ABBA8B

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#EBF3F2

Lighter +20%#CBE0DC

Lighter +10%#ABCDC7

Darker −10%#6BA79D

Darker −20%#538C82

Darker −30%#406C64

Darker −40%#2D4C47

More saturated +25%#74D1C1

Less saturated −25%#A2A3A3

Channel breakdown

R139

G186

B178

Red139 (54.5%)

Green186 (72.9%)

Blue178 (69.8%)

Hue169.79°

Saturation (HSL)25.41%

Lightness63.73%

Dominant channelGreen

Hex per channelR 8B · G BA · B B2

Keep nerding

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

#8BBAB2

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