#80b5b2 hex color

In a RGB color space, hex #80b5b2 is composed of 50.2% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 176.6 degrees, a saturation of 26.4% and a lightness of 60.6%. #80b5b2 color hex could be obtained by blending #ffffff with #016b65. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 71
- B 70
RGB color chart
- C 29
- M 0
- Y 2
- K 29
CMYK color chart

● #80b5b2 color description : Slightly desaturated cyan.

The hexadecimal color #80b5b2 has RGB values of R:128, G:181, B:178 and CMYK values of C:0.29, M:0, Y:0.02, K:0.29. Its decimal value is 8435122.

Hex triplet	80b5b2	`#80b5b2`
RGB Decimal	128, 181, 178	`rgb(128,181,178)`
RGB Percent	50.2, 71, 69.8	`rgb(50.2%,71%,69.8%)`
CMYK	29, 0, 2, 29
HSL	176.6°, 26.4, 60.6	`hsl(176.6,26.4%,60.6%)`
HSV (or HSB)	176.6°, 29.3, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.071, -17.948, -4.069
XYZ	33.46, 40.85, 48.239
xyY	0.273, 0.333, 40.85
CIE-LCH	70.071, 18.403, 192.774
CIE-LUV	70.071, -26.072, -3.19
Hunter-Lab	63.914, -18.402, -0.009
Binary	10000000, 10110101, 10110010

#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#b58083
```
#b58083 rgb(181,128,131)
```

Complementary Color

#80b598
```
#80b598 rgb(128,181,152)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#809eb5
```
#809eb5 rgb(128,158,181)
```

Analogous Color

#b59880
```
#b59880 rgb(181,152,128)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#b5809e
```
#b5809e rgb(181,128,158)
```

Split Complementary Color

#b5b280
```
#b5b280 rgb(181,178,128)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#b280b5
```
#b280b5 rgb(178,128,181)
```

Triadic Color

#83b580
```
#83b580 rgb(131,181,128)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#b280b5
```
#b280b5 rgb(178,128,181)
```
#b58083
```
#b58083 rgb(181,128,131)
```

Tetradic Color

#56938f
```
#56938f rgb(86,147,143)
```
#60a29e
```
#60a29e rgb(96,162,158)
```
#70aca8
```
#70aca8 rgb(112,172,168)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#90bebc
```
#90bebc rgb(144,190,188)
```
#a0c8c6
```
#a0c8c6 rgb(160,200,198)
```
#b0d1cf
```
#b0d1cf rgb(176,209,207)
```

Monochromatic Color

Below, you can see some colors close to #80b5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#80b5a5
```
#80b5a5 rgb(128,181,165)
```
#80b5a9
```
#80b5a9 rgb(128,181,169)
```
#80b5ae
```
#80b5ae rgb(128,181,174)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#80b4b5
```
#80b4b5 rgb(128,180,181)
```
#80afb5
```
#80afb5 rgb(128,175,181)
```
#80abb5
```
#80abb5 rgb(128,171,181)
```

Similar Colors

Text with hexadecimal color #80b5b2

This text has a font color of #80b5b2.

<span style="color:#80b5b2;">Text here</span>

#80b5b2 background color

This paragraph has a background color of #80b5b2.

<p style="background-color:#80b5b2;">Content here</p>

#80b5b2 border color

This element has a border color of #80b5b2.

<div style="border:1px solid #80b5b2;">Content here</div>

CSS codes

.text {color:#80b5b2;}

.background {background-color:#80b5b2;}

.border {border:1px solid #80b5b2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050909 is the darkest color, while #fcfdfd is the lightest one.

#050909
```
#050909 rgb(5,9,9)
```
#0d1615
```
#0d1615 rgb(13,22,21)
```
#142221
```
#142221 rgb(20,34,33)
```
#1b2f2d
```
#1b2f2d rgb(27,47,45)
```
#223b3a
```
#223b3a rgb(34,59,58)
```
#2a4746
```
#2a4746 rgb(42,71,70)
```
#315452
```
#315452 rgb(49,84,82)
```
#38605e
```
#38605e rgb(56,96,94)
```
#3f6c6a
```
#3f6c6a rgb(63,108,106)
```
#467976
```
#467976 rgb(70,121,118)
```
#4e8582
```
#4e8582 rgb(78,133,130)
```
#55928e
```
#55928e rgb(85,146,142)
```
#5c9e9a
```
#5c9e9a rgb(92,158,154)
```

Shade Color Variation

#67a7a3
```
#67a7a3 rgb(103,167,163)
```
#74aeaa
```
#74aeaa rgb(116,174,170)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#8cbcba
```
#8cbcba rgb(140,188,186)
```
#99c3c1
```
#99c3c1 rgb(153,195,193)
```
#a5cbc9
```
#a5cbc9 rgb(165,203,201)
```
#b2d2d0
```
#b2d2d0 rgb(178,210,208)
```
#bed9d8
```
#bed9d8 rgb(190,217,216)
```
#cae0df
```
#cae0df rgb(202,224,223)
```
#d7e8e7
```
#d7e8e7 rgb(215,232,231)
```
#e3efee
```
#e3efee rgb(227,239,238)
```
#f0f6f6
```
#f0f6f6 rgb(240,246,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979e9d is the less saturated color, while #3afbf0 is the most saturated one.

#979e9d
```
#979e9d rgb(151,158,157)
```
#8fa6a4
```
#8fa6a4 rgb(143,166,164)
```
#88adab
```
#88adab rgb(136,173,171)
```
#80b5b2
```
#80b5b2 rgb(128,181,178)
```
#78bdb9
```
#78bdb9 rgb(120,189,185)
```
#71c4c0
```
#71c4c0 rgb(113,196,192)
```
#69ccc7
```
#69ccc7 rgb(105,204,199)
```
#61d4cd
```
#61d4cd rgb(97,212,205)
```
#59dcd4
```
#59dcd4 rgb(89,220,212)
```
#52e3db
```
#52e3db rgb(82,227,219)
```
#4aebe2
```
#4aebe2 rgb(74,235,226)
```
#42f3e9
```
#42f3e9 rgb(66,243,233)
```
#3afbf0
```
#3afbf0 rgb(58,251,240)
```

Tone Color Variation

Below, you can see how #80b5b2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a5a5a5 Achromatopsia 0.005% of the population
#9ea8a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aeb0 Protanopia 1% of men
#baaaba Deuteranopia 1% of men
#8ab6c3 Tritanopia 0.001% of the population

Trichromacy

#9fb1b1 Protanomaly 1% of men, 0.01% of women
#a5aeb7 Deuteranomaly 6% of men, 0.4% of women
#86b6bd Tritanomaly 0.01% of the population

#80b5b2 hex color

#80b5b2 Color Information

#80b5b2 Color Conversion

Color Schemes with #80b5b2

Alternatives to #80b5b2

#80b5b2 Preview

Shades and Tints of #80b5b2

Tones of #80b5b2

Color Blindness Simulator