#80cae4 hex color

In a RGB color space, hex #80cae4 is composed of 50.2% red, 79.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 11.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 195.6 degrees, a saturation of 64.9% and a lightness of 69.8%. #80cae4 color hex could be obtained by blending #ffffff with #0195c9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 79
- B 89
RGB color chart
- C 44
- M 11
- Y 0
- K 11
CMYK color chart

● #80cae4 color description : Very soft blue.

The hexadecimal color #80cae4 has RGB values of R:128, G:202, B:228 and CMYK values of C:0.44, M:0.11, Y:0, K:0.11. Its decimal value is 8440548.

Hex triplet	80cae4	`#80cae4`
RGB Decimal	128, 202, 228	`rgb(128,202,228)`
RGB Percent	50.2, 79.2, 89.4	`rgb(50.2%,79.2%,89.4%)`
CMYK	44, 11, 0, 11
HSL	195.6°, 64.9, 69.8	`hsl(195.6,64.9%,69.8%)`
HSV (or HSB)	195.6°, 43.9, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.537, -16.32, -20.094
XYZ	44.023, 52.429, 81.195
xyY	0.248, 0.295, 52.429
CIE-LCH	77.537, 25.887, 230.917
CIE-LUV	77.537, -34.159, -29.235
Hunter-Lab	72.408, -18.19, -15.799
Binary	10000000, 11001010, 11100100

#80cae4
```
#80cae4 rgb(128,202,228)
```
#e49a80
```
#e49a80 rgb(228,154,128)
```

Complementary Color

#80e4cc
```
#80e4cc rgb(128,228,204)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#8098e4
```
#8098e4 rgb(128,152,228)
```

Analogous Color

#e4cc80
```
#e4cc80 rgb(228,204,128)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#e48098
```
#e48098 rgb(228,128,152)
```

Split Complementary Color

#cae480
```
#cae480 rgb(202,228,128)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#e480ca
```
#e480ca rgb(228,128,202)
```

Triadic Color

#80e49a
```
#80e49a rgb(128,228,154)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#e480ca
```
#e480ca rgb(228,128,202)
```
#e49a80
```
#e49a80 rgb(228,154,128)
```

Tetradic Color

#41b0d7
```
#41b0d7 rgb(65,176,215)
```
#56b8db
```
#56b8db rgb(86,184,219)
```
#6bc1e0
```
#6bc1e0 rgb(107,193,224)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#95d3e8
```
#95d3e8 rgb(149,211,232)
```
#aadced
```
#aadced rgb(170,220,237)
```
#bfe4f1
```
#bfe4f1 rgb(191,228,241)
```

Monochromatic Color

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

#80e3e4
```
#80e3e4 rgb(128,227,228)
```
#80dbe4
```
#80dbe4 rgb(128,219,228)
```
#80d2e4
```
#80d2e4 rgb(128,210,228)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#80c2e4
```
#80c2e4 rgb(128,194,228)
```
#80b9e4
```
#80b9e4 rgb(128,185,228)
```
#80b1e4
```
#80b1e4 rgb(128,177,228)
```

Similar Colors

Text with hexadecimal color #80cae4

This text has a font color of #80cae4.

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

#80cae4 background color

This paragraph has a background color of #80cae4.

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

#80cae4 border color

This element has a border color of #80cae4.

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

CSS codes

.text {color:#80cae4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#071c23
```
#071c23 rgb(7,28,35)
```
#0b2933
```
#0b2933 rgb(11,41,51)
```
#0e3543
```
#0e3543 rgb(14,53,67)
```
#124253
```
#124253 rgb(18,66,83)
```
#154f63
```
#154f63 rgb(21,79,99)
```
#195c74
```
#195c74 rgb(25,92,116)
```
#1c6984
```
#1c6984 rgb(28,105,132)
```
#1f7694
```
#1f7694 rgb(31,118,148)
```
#2383a4
```
#2383a4 rgb(35,131,164)
```
#268fb4
```
#268fb4 rgb(38,143,180)
```
#2a9cc5
```
#2a9cc5 rgb(42,156,197)
```

Shade Color Variation

#2fa8d3
```
#2fa8d3 rgb(47,168,211)
```
#3fafd6
```
#3fafd6 rgb(63,175,214)
```
#4fb6da
```
#4fb6da rgb(79,182,218)
```
#60bcdd
```
#60bcdd rgb(96,188,221)
```
#70c3e1
```
#70c3e1 rgb(112,195,225)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#90d1e7
```
#90d1e7 rgb(144,209,231)
```
#a0d8eb
```
#a0d8eb rgb(160,216,235)
```
#b1deee
```
#b1deee rgb(177,222,238)
```
#c1e5f2
```
#c1e5f2 rgb(193,229,242)
```
#d1ecf5
```
#d1ecf5 rgb(209,236,245)
```
#e1f3f9
```
#e1f3f9 rgb(225,243,249)
```
#f1f9fc
```
#f1f9fc rgb(241,249,252)
```

Tint Color Variation

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

#afb3b5
```
#afb3b5 rgb(175,179,181)
```
#a9b6bb
```
#a9b6bb rgb(169,182,187)
```
#a4b9c0
```
#a4b9c0 rgb(164,185,192)
```
#9ebcc6
```
#9ebcc6 rgb(158,188,198)
```
#98bfcc
```
#98bfcc rgb(152,191,204)
```
#92c1d2
```
#92c1d2 rgb(146,193,210)
```
#8cc4d8
```
#8cc4d8 rgb(140,196,216)
```
#86c7de
```
#86c7de rgb(134,199,222)
```
#80cae4
```
#80cae4 rgb(128,202,228)
```
#7acdea
```
#7acdea rgb(122,205,234)
```
#74d0f0
```
#74d0f0 rgb(116,208,240)
```
#6ed3f6
```
#6ed3f6 rgb(110,211,246)
```
#68d5fc
```
#68d5fc rgb(104,213,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#acbbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc1de Protanopia 1% of men
#bfbfea Deuteranopia 1% of men
#83cedd Tritanopia 0.001% of the population

Trichromacy

#a6c4e0 Protanomaly 1% of men, 0.01% of women
#a8c3e8 Deuteranomaly 6% of men, 0.4% of women
#82ccdf Tritanomaly 0.01% of the population

#80cae4 hex color

#80cae4 Color Information

#80cae4 Color Conversion

Color Schemes with #80cae4

Alternatives to #80cae4

#80cae4 Preview

Shades and Tints of #80cae4

Tones of #80cae4

Color Blindness Simulator