#80c5ec hex color

In a RGB color space, hex #80c5ec is composed of 50.2% red, 77.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 16.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.7 degrees, a saturation of 74% and a lightness of 71.4%. #80c5ec color hex could be obtained by blending #ffffff with #018bd9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 77
- B 93
RGB color chart
- C 46
- M 17
- Y 0
- K 7
CMYK color chart

● #80c5ec color description : Soft blue.

The hexadecimal color #80c5ec has RGB values of R:128, G:197, B:236 and CMYK values of C:0.46, M:0.17, Y:0, K:0.07. Its decimal value is 8439276.

Hex triplet	80c5ec	`#80c5ec`
RGB Decimal	128, 197, 236	`rgb(128,197,236)`
RGB Percent	50.2, 77.3, 92.5	`rgb(50.2%,77.3%,92.5%)`
CMYK	46, 17, 0, 7
HSL	201.7°, 74, 71.4	`hsl(201.7,74%,71.4%)`
HSV (or HSB)	201.7°, 45.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.421, -11.563, -26.096
XYZ	44.005, 50.575, 86.795
xyY	0.243, 0.279, 50.575
CIE-LCH	76.421, 28.543, 246.102
CIE-LUV	76.421, -32.045, -39.881
Hunter-Lab	71.116, -14.003, -22.58
Binary	10000000, 11000101, 11101100

#80c5ec
```
#80c5ec rgb(128,197,236)
```
#eca780
```
#eca780 rgb(236,167,128)
```

Complementary Color

#80ecdd
```
#80ecdd rgb(128,236,221)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#808fec
```
#808fec rgb(128,143,236)
```

Analogous Color

#ecdd80
```
#ecdd80 rgb(236,221,128)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#ec808f
```
#ec808f rgb(236,128,143)
```

Split Complementary Color

#c5ec80
```
#c5ec80 rgb(197,236,128)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#ec80c5
```
#ec80c5 rgb(236,128,197)
```

Triadic Color

#80eca7
```
#80eca7 rgb(128,236,167)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#ec80c5
```
#ec80c5 rgb(236,128,197)
```
#eca780
```
#eca780 rgb(236,167,128)
```

Tetradic Color

#3da7e2
```
#3da7e2 rgb(61,167,226)
```
#54b1e5
```
#54b1e5 rgb(84,177,229)
```
#6abbe9
```
#6abbe9 rgb(106,187,233)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#96cfef
```
#96cfef rgb(150,207,239)
```
#acd9f3
```
#acd9f3 rgb(172,217,243)
```
#c3e3f6
```
#c3e3f6 rgb(195,227,246)
```

Monochromatic Color

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

#80e0ec
```
#80e0ec rgb(128,224,236)
```
#80d7ec
```
#80d7ec rgb(128,215,236)
```
#80ceec
```
#80ceec rgb(128,206,236)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#80bcec
```
#80bcec rgb(128,188,236)
```
#80b3ec
```
#80b3ec rgb(128,179,236)
```
#80aaec
```
#80aaec rgb(128,170,236)
```

Similar Colors

Text with hexadecimal color #80c5ec

This text has a font color of #80c5ec.

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

#80c5ec background color

This paragraph has a background color of #80c5ec.

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

#80c5ec border color

This element has a border color of #80c5ec.

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

CSS codes

.text {color:#80c5ec;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#04121b
```
#04121b rgb(4,18,27)
```
#071e2c
```
#071e2c rgb(7,30,44)
```
#092a3d
```
#092a3d rgb(9,42,61)
```
#0c364e
```
#0c364e rgb(12,54,78)
```
#0e425f
```
#0e425f rgb(14,66,95)
```
#114e70
```
#114e70 rgb(17,78,112)
```
#135981
```
#135981 rgb(19,89,129)
```
#166592
```
#166592 rgb(22,101,146)
```
#1871a3
```
#1871a3 rgb(24,113,163)
```
#1b7db4
```
#1b7db4 rgb(27,125,180)
```
#1e89c5
```
#1e89c5 rgb(30,137,197)
```
#2094d6
```
#2094d6 rgb(32,148,214)
```

Shade Color Variation

#2b9edf
```
#2b9edf rgb(43,158,223)
```
#3ca6e2
```
#3ca6e2 rgb(60,166,226)
```
#4daee4
```
#4daee4 rgb(77,174,228)
```
#5eb5e7
```
#5eb5e7 rgb(94,181,231)
```
#6fbde9
```
#6fbde9 rgb(111,189,233)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#91cdef
```
#91cdef rgb(145,205,239)
```
#a2d5f1
```
#a2d5f1 rgb(162,213,241)
```
#b3dcf4
```
#b3dcf4 rgb(179,220,244)
```
#c4e4f6
```
#c4e4f6 rgb(196,228,246)
```
#d5ecf9
```
#d5ecf9 rgb(213,236,249)
```
#e6f4fb
```
#e6f4fb rgb(230,244,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#b3b7b9
```
#b3b7b9 rgb(179,183,185)
```
#adb9bf
```
#adb9bf rgb(173,185,191)
```
#a7bac5
```
#a7bac5 rgb(167,186,197)
```
#a2bcca
```
#a2bcca rgb(162,188,202)
```
#9cbdd0
```
#9cbdd0 rgb(156,189,208)
```
#96bfd6
```
#96bfd6 rgb(150,191,214)
```
#91c0db
```
#91c0db rgb(145,192,219)
```
#8bc2e1
```
#8bc2e1 rgb(139,194,225)
```
#86c3e6
```
#86c3e6 rgb(134,195,230)
```
#80c5ec
```
#80c5ec rgb(128,197,236)
```
#7ac7f2
```
#7ac7f2 rgb(122,199,242)
```
#75c8f7
```
#75c8f7 rgb(117,200,247)
```
#6fcafd
```
#6fcafd rgb(111,202,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aab8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bee6 Protanopia 1% of men
#b6bcf1 Deuteranopia 1% of men
#7fcbda Tritanopia 0.001% of the population

Trichromacy

#a2c0e8 Protanomaly 1% of men, 0.01% of women
#a2bfef Deuteranomaly 6% of men, 0.4% of women
#7fc9e0 Tritanomaly 0.01% of the population

#80c5ec hex color

#80c5ec Color Information

#80c5ec Color Conversion

Color Schemes with #80c5ec

Alternatives to #80c5ec

#80c5ec Preview

Shades and Tints of #80c5ec

Tones of #80c5ec

Color Blindness Simulator