#80bfd4 hex color

In a RGB color space, hex #80bfd4 is composed of 50.2% red, 74.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 9.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 195 degrees, a saturation of 49.4% and a lightness of 66.7%. #80bfd4 color hex could be obtained by blending #ffffff with #017fa9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 75
- B 83
RGB color chart
- C 40
- M 10
- Y 0
- K 17
CMYK color chart

● #80bfd4 color description : Slightly desaturated blue.

The hexadecimal color #80bfd4 has RGB values of R:128, G:191, B:212 and CMYK values of C:0.4, M:0.1, Y:0, K:0.17. Its decimal value is 8437716.

Hex triplet	80bfd4	`#80bfd4`
RGB Decimal	128, 191, 212	`rgb(128,191,212)`
RGB Percent	50.2, 74.9, 83.1	`rgb(50.2%,74.9%,83.1%)`
CMYK	40, 10, 0, 17
HSL	195°, 49.4, 66.7	`hsl(195,49.4%,66.7%)`
HSV (or HSB)	195°, 39.6, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.935, -14.795, -16.896
XYZ	39.414, 46.602, 69.202
xyY	0.254, 0.3, 46.602
CIE-LCH	73.935, 22.458, 228.792
CIE-LUV	73.935, -29.984, -24.028
Hunter-Lab	68.266, -16.408, -12.317
Binary	10000000, 10111111, 11010100

#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#d49580
```
#d49580 rgb(212,149,128)
```

Complementary Color

#80d4bf
```
#80d4bf rgb(128,212,191)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#8095d4
```
#8095d4 rgb(128,149,212)
```

Analogous Color

#d4bf80
```
#d4bf80 rgb(212,191,128)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#d48095
```
#d48095 rgb(212,128,149)
```

Split Complementary Color

#bfd480
```
#bfd480 rgb(191,212,128)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#d480bf
```
#d480bf rgb(212,128,191)
```

Triadic Color

#80d495
```
#80d495 rgb(128,212,149)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#d480bf
```
#d480bf rgb(212,128,191)
```
#d49580
```
#d49580 rgb(212,149,128)
```

Tetradic Color

#47a2c1
```
#47a2c1 rgb(71,162,193)
```
#5aacc7
```
#5aacc7 rgb(90,172,199)
```
#6db5ce
```
#6db5ce rgb(109,181,206)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#93c9da
```
#93c9da rgb(147,201,218)
```
#a6d2e1
```
#a6d2e1 rgb(166,210,225)
```
#b9dce7
```
#b9dce7 rgb(185,220,231)
```

Monochromatic Color

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

#80d4d4
```
#80d4d4 rgb(128,212,212)
```
#80cdd4
```
#80cdd4 rgb(128,205,212)
```
#80c6d4
```
#80c6d4 rgb(128,198,212)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#80b8d4
```
#80b8d4 rgb(128,184,212)
```
#80b1d4
```
#80b1d4 rgb(128,177,212)
```
#80aad4
```
#80aad4 rgb(128,170,212)
```

Similar Colors

Text with hexadecimal color #80bfd4

This text has a font color of #80bfd4.

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

#80bfd4 background color

This paragraph has a background color of #80bfd4.

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

#80bfd4 border color

This element has a border color of #80bfd4.

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

CSS codes

.text {color:#80bfd4;}

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

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

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, #020405 is the darkest color, while #f5fafc is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#071014
```
#071014 rgb(7,16,20)
```
#0c1d22
```
#0c1d22 rgb(12,29,34)
```
#112931
```
#112931 rgb(17,41,49)
```
#163540
```
#163540 rgb(22,53,64)
```
#1a414e
```
#1a414e rgb(26,65,78)
```
#1f4d5d
```
#1f4d5d rgb(31,77,93)
```
#245a6b
```
#245a6b rgb(36,90,107)
```
#29667a
```
#29667a rgb(41,102,122)
```
#2e7289
```
#2e7289 rgb(46,114,137)
```
#337e97
```
#337e97 rgb(51,126,151)
```
#388ba6
```
#388ba6 rgb(56,139,166)
```
#3d97b5
```
#3d97b5 rgb(61,151,181)
```

Shade Color Variation

#45a1c0
```
#45a1c0 rgb(69,161,192)
```
#54a9c5
```
#54a9c5 rgb(84,169,197)
```
#63b0ca
```
#63b0ca rgb(99,176,202)
```
#71b8cf
```
#71b8cf rgb(113,184,207)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#8fc6d9
```
#8fc6d9 rgb(143,198,217)
```
#9dcede
```
#9dcede rgb(157,206,222)
```
#acd5e3
```
#acd5e3 rgb(172,213,227)
```
#bbdde8
```
#bbdde8 rgb(187,221,232)
```
#c9e4ed
```
#c9e4ed rgb(201,228,237)
```
#d8ebf2
```
#d8ebf2 rgb(216,235,242)
```
#e7f3f7
```
#e7f3f7 rgb(231,243,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7abad is the less saturated color, while #59d3fb is the most saturated one.

#a7abad
```
#a7abad rgb(167,171,173)
```
#a1afb3
```
#a1afb3 rgb(161,175,179)
```
#9ab2ba
```
#9ab2ba rgb(154,178,186)
```
#94b5c0
```
#94b5c0 rgb(148,181,192)
```
#8db8c7
```
#8db8c7 rgb(141,184,199)
```
#87bccd
```
#87bccd rgb(135,188,205)
```
#80bfd4
```
#80bfd4 rgb(128,191,212)
```
#79c2db
```
#79c2db rgb(121,194,219)
```
#73c6e1
```
#73c6e1 rgb(115,198,225)
```
#6cc9e8
```
#6cc9e8 rgb(108,201,232)
```
#66ccee
```
#66ccee rgb(102,204,238)
```
#5fcff5
```
#5fcff5 rgb(95,207,245)
```
#59d3fb
```
#59d3fb rgb(89,211,251)
```

Tone Color Variation

Below, you can see how #80bfd4 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

#afafaf Achromatopsia 0.005% of the population
#a6b2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b8d0 Protanopia 1% of men
#b9b5da Deuteranopia 1% of men
#84c3d1 Tritanopia 0.001% of the population

Trichromacy

#a2bad1 Protanomaly 1% of men, 0.01% of women
#a4b9d8 Deuteranomaly 6% of men, 0.4% of women
#83c1d2 Tritanomaly 0.01% of the population

#80bfd4 hex color

#80bfd4 Color Information

#80bfd4 Color Conversion

Color Schemes with #80bfd4

Alternatives to #80bfd4

#80bfd4 Preview

Shades and Tints of #80bfd4

Tones of #80bfd4

Color Blindness Simulator