Colour

#80B3A2

#80B3A2
Cyan
Dark
Nearest: Cadetblue

#80B3A2 is a cyan with RGB values 128, 179, 162 and HSL 160°, 25%, 60%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#80B3A2#80B3A2

HEX#80B3A2

RGBrgb(128, 179, 162)

RGB (0–1)0.502, 0.702, 0.6353

RGB percentages50.2%, 70.2%, 63.5%

HSLhsl(160, 25.1%, 60.2%)

HSV / HSBhsv(160, 28.5%, 70.2%)

CMYK28.5%, 0%, 9.5%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,434,594

CSS custom property--colour: #80B3A2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.89:1

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

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

Greyscale equivalent#A7A7A7

Inverted#7F4C5D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 13.3 Dark seagreen · ΔE 15.4 Medium aquamarine · ΔE 19.7 Light seagreen · ΔE 19.8 Dark grey · ΔE 20.8 Powder blue · ΔE 21.4

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B38091

Analogous#80B389, #80ABB3

Triadic#A280B3, #B3A280

Split complementary#B380AA, #B38980

Tetradic#8980B3, #B38091, #ABB380

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E0ECE8

Lighter +20%#C0D9D1

Lighter +10%#A0C6B9

Darker −10%#60A08B

Darker −20%#4D806F

Darker −30%#3A6053

Darker −40%#274038

More saturated +25%#67CCAA

Less saturated −25%#999A9A

Channel breakdown

R128

G179

B162

Red128 (50.2%)

Green179 (70.2%)

Blue162 (63.5%)

Hue160°

Saturation (HSL)25.12%

Lightness60.2%

Dominant channelGreen

Hex per channelR 80 · G B3 · B A2

Keep nerding

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

#80B3A2

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