#80bed4 hex color

In a RGB color space, hex #80bed4 is composed of 50.2% red, 74.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 10.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 195.7 degrees, a saturation of 49.4% and a lightness of 66.7%. #80bed4 color hex could be obtained by blending #ffffff with #017da9. 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

● #80bed4 color description : Slightly desaturated blue.

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

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

CIE-LAB	73.654, -14.273, -17.319
XYZ	39.196, 46.168, 69.13
xyY	0.254, 0.299, 46.168
CIE-LCH	73.654, 22.443, 230.508
CIE-LUV	73.654, -29.575, -24.782
Hunter-Lab	67.947, -15.936, -12.759
Binary	10000000, 10111110, 11010100

#80bed4
```
#80bed4 rgb(128,190,212)
```
#d49680
```
#d49680 rgb(212,150,128)
```

Complementary Color

#80d4c0
```
#80d4c0 rgb(128,212,192)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#8094d4
```
#8094d4 rgb(128,148,212)
```

Analogous Color

#d4c080
```
#d4c080 rgb(212,192,128)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#d48094
```
#d48094 rgb(212,128,148)
```

Split Complementary Color

#bed480
```
#bed480 rgb(190,212,128)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#d480be
```
#d480be rgb(212,128,190)
```

Triadic Color

#80d496
```
#80d496 rgb(128,212,150)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#d480be
```
#d480be rgb(212,128,190)
```
#d49680
```
#d49680 rgb(212,150,128)
```

Tetradic Color

#47a1c1
```
#47a1c1 rgb(71,161,193)
```
#5aabc7
```
#5aabc7 rgb(90,171,199)
```
#6db4ce
```
#6db4ce rgb(109,180,206)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#93c8da
```
#93c8da rgb(147,200,218)
```
#a6d2e1
```
#a6d2e1 rgb(166,210,225)
```
#b9dbe7
```
#b9dbe7 rgb(185,219,231)
```

Monochromatic Color

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

#80d3d4
```
#80d3d4 rgb(128,211,212)
```
#80ccd4
```
#80ccd4 rgb(128,204,212)
```
#80c5d4
```
#80c5d4 rgb(128,197,212)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#80b7d4
```
#80b7d4 rgb(128,183,212)
```
#80b0d4
```
#80b0d4 rgb(128,176,212)
```
#80a9d4
```
#80a9d4 rgb(128,169,212)
```

Similar Colors

Text with hexadecimal color #80bed4

This text has a font color of #80bed4.

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

#80bed4 background color

This paragraph has a background color of #80bed4.

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

#80bed4 border color

This element has a border color of #80bed4.

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

CSS codes

.text {color:#80bed4;}

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

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

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)
```
#0c1c22
```
#0c1c22 rgb(12,28,34)
```
#112831
```
#112831 rgb(17,40,49)
```
#163540
```
#163540 rgb(22,53,64)
```
#1a414e
```
#1a414e rgb(26,65,78)
```
#1f4d5d
```
#1f4d5d rgb(31,77,93)
```
#24596b
```
#24596b rgb(36,89,107)
```
#29657a
```
#29657a rgb(41,101,122)
```
#2e7189
```
#2e7189 rgb(46,113,137)
```
#337d97
```
#337d97 rgb(51,125,151)
```
#3889a6
```
#3889a6 rgb(56,137,166)
```
#3d95b5
```
#3d95b5 rgb(61,149,181)
```

Shade Color Variation

#45a0c0
```
#45a0c0 rgb(69,160,192)
```
#54a8c5
```
#54a8c5 rgb(84,168,197)
```
#63afca
```
#63afca rgb(99,175,202)
```
#71b7cf
```
#71b7cf rgb(113,183,207)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#8fc6d9
```
#8fc6d9 rgb(143,198,217)
```
#9dcdde
```
#9dcdde rgb(157,205,222)
```
#acd5e3
```
#acd5e3 rgb(172,213,227)
```
#bbdce8
```
#bbdce8 rgb(187,220,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 #59d1fb is the most saturated one.

#a7abad
```
#a7abad rgb(167,171,173)
```
#a1aeb3
```
#a1aeb3 rgb(161,174,179)
```
#9ab2ba
```
#9ab2ba rgb(154,178,186)
```
#94b5c0
```
#94b5c0 rgb(148,181,192)
```
#8db8c7
```
#8db8c7 rgb(141,184,199)
```
#87bbcd
```
#87bbcd rgb(135,187,205)
```
#80bed4
```
#80bed4 rgb(128,190,212)
```
#79c1db
```
#79c1db rgb(121,193,219)
```
#73c4e1
```
#73c4e1 rgb(115,196,225)
```
#6cc7e8
```
#6cc7e8 rgb(108,199,232)
```
#66caee
```
#66caee rgb(102,202,238)
```
#5fcef5
```
#5fcef5 rgb(95,206,245)
```
#59d1fb
```
#59d1fb rgb(89,209,251)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b1b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b7d0 Protanopia 1% of men
#b8b5da Deuteranopia 1% of men
#84c2d0 Tritanopia 0.001% of the population

Trichromacy

#a1b9d1 Protanomaly 1% of men, 0.01% of women
#a3b8d8 Deuteranomaly 6% of men, 0.4% of women
#82c0d1 Tritanomaly 0.01% of the population

#80bed4 hex color

#80bed4 Color Information

#80bed4 Color Conversion

Color Schemes with #80bed4

Alternatives to #80bed4

#80bed4 Preview

Shades and Tints of #80bed4

Tones of #80bed4

Color Blindness Simulator