#80c2f4 hex color

In a RGB color space, hex #80c2f4 is composed of 50.2% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 205.9 degrees, a saturation of 84.1% and a lightness of 72.9%. #80c2f4 color hex could be obtained by blending #ffffff with #0185e9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 76
- B 96
RGB color chart
- C 48
- M 20
- Y 0
- K 4
CMYK color chart

● #80c2f4 color description : Soft blue.

The hexadecimal color #80c2f4 has RGB values of R:128, G:194, B:244 and CMYK values of C:0.48, M:0.2, Y:0, K:0.04. Its decimal value is 8438516.

Hex triplet	80c2f4	`#80c2f4`
RGB Decimal	128, 194, 244	`rgb(128,194,244)`
RGB Percent	50.2, 76.1, 95.7	`rgb(50.2%,76.1%,95.7%)`
CMYK	48, 20, 0, 4
HSL	205.9°, 84.1, 72.9	`hsl(205.9,84.1%,72.9%)`
HSV (or HSB)	205.9°, 47.5, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.886, -7.756, -31.22
XYZ	44.519, 49.702, 92.831
xyY	0.238, 0.266, 49.702
CIE-LCH	75.886, 32.169, 256.049
CIE-LUV	75.886, -30.766, -49.041
Hunter-Lab	70.5, -10.655, -28.72
Binary	10000000, 11000010, 11110100

#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#f4b280
```
#f4b280 rgb(244,178,128)
```

Complementary Color

#80f4ec
```
#80f4ec rgb(128,244,236)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#8088f4
```
#8088f4 rgb(128,136,244)
```

Analogous Color

#f4ec80
```
#f4ec80 rgb(244,236,128)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#f48088
```
#f48088 rgb(244,128,136)
```

Split Complementary Color

#c2f480
```
#c2f480 rgb(194,244,128)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#f480c2
```
#f480c2 rgb(244,128,194)
```

Triadic Color

#80f4b2
```
#80f4b2 rgb(128,244,178)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#f480c2
```
#f480c2 rgb(244,128,194)
```
#f4b280
```
#f4b280 rgb(244,178,128)
```

Tetradic Color

#3aa0ee
```
#3aa0ee rgb(58,160,238)
```
#51abf0
```
#51abf0 rgb(81,171,240)
```
#69b7f2
```
#69b7f2 rgb(105,183,242)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#97cdf6
```
#97cdf6 rgb(151,205,246)
```
#afd9f8
```
#afd9f8 rgb(175,217,248)
```
#c6e4fa
```
#c6e4fa rgb(198,228,250)
```

Monochromatic Color

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

#80dff4
```
#80dff4 rgb(128,223,244)
```
#80d5f4
```
#80d5f4 rgb(128,213,244)
```
#80ccf4
```
#80ccf4 rgb(128,204,244)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#80b8f4
```
#80b8f4 rgb(128,184,244)
```
#80aff4
```
#80aff4 rgb(128,175,244)
```
#80a5f4
```
#80a5f4 rgb(128,165,244)
```

Similar Colors

Text with hexadecimal color #80c2f4

This text has a font color of #80c2f4.

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

#80c2f4 background color

This paragraph has a background color of #80c2f4.

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

#80c2f4 border color

This element has a border color of #80c2f4.

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

CSS codes

.text {color:#80c2f4;}

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

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

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, #020b11 is the darkest color, while #feffff is the lightest one.

#020b11
```
#020b11 rgb(2,11,17)
```
#031623
```
#031623 rgb(3,22,35)
```
#052036
```
#052036 rgb(5,32,54)
```
#062b48
```
#062b48 rgb(6,43,72)
```
#08365a
```
#08365a rgb(8,54,90)
```
#09416c
```
#09416c rgb(9,65,108)
```
#0b4c7e
```
#0b4c7e rgb(11,76,126)
```
#0c5790
```
#0c5790 rgb(12,87,144)
```
#0e62a2
```
#0e62a2 rgb(14,98,162)
```
#106db4
```
#106db4 rgb(16,109,180)
```
#1178c6
```
#1178c6 rgb(17,120,198)
```
#1383d8
```
#1383d8 rgb(19,131,216)
```
#148eea
```
#148eea rgb(20,142,234)
```

Shade Color Variation

#2697ec
```
#2697ec rgb(38,151,236)
```
#389fee
```
#389fee rgb(56,159,238)
```
#4aa8ef
```
#4aa8ef rgb(74,168,239)
```
#5cb1f1
```
#5cb1f1 rgb(92,177,241)
```
#6eb9f2
```
#6eb9f2 rgb(110,185,242)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#92cbf6
```
#92cbf6 rgb(146,203,246)
```
#a4d3f7
```
#a4d3f7 rgb(164,211,247)
```
#b6dcf9
```
#b6dcf9 rgb(182,220,249)
```
#c8e5fa
```
#c8e5fa rgb(200,229,250)
```
#daedfc
```
#daedfc rgb(218,237,252)
```
#ecf6fd
```
#ecf6fd rgb(236,246,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b5bbbf
```
#b5bbbf rgb(181,187,191)
```
#b0bbc4
```
#b0bbc4 rgb(176,187,196)
```
#aabcca
```
#aabcca rgb(170,188,202)
```
#a5bdcf
```
#a5bdcf rgb(165,189,207)
```
#a0bed4
```
#a0bed4 rgb(160,190,212)
```
#9bbed9
```
#9bbed9 rgb(155,190,217)
```
#95bfdf
```
#95bfdf rgb(149,191,223)
```
#90c0e4
```
#90c0e4 rgb(144,192,228)
```
#8bc1e9
```
#8bc1e9 rgb(139,193,233)
```
#85c1ef
```
#85c1ef rgb(133,193,239)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#7bc3f9
```
#7bc3f9 rgb(123,195,249)
```
#75c3ff
```
#75c3ff rgb(117,195,255)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#aab7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bcee Protanopia 1% of men
#aebbf8 Deuteranopia 1% of men
#7bcad9 Tritanopia 0.001% of the population

Trichromacy

#9fbef0 Protanomaly 1% of men, 0.01% of women
#9dbef6 Deuteranomaly 6% of men, 0.4% of women
#7dc7e2 Tritanomaly 0.01% of the population

#80c2f4 hex color

#80c2f4 Color Information

#80c2f4 Color Conversion

Color Schemes with #80c2f4

Alternatives to #80c2f4

#80c2f4 Preview

Shades and Tints of #80c2f4

Tones of #80c2f4

Color Blindness Simulator