#80c7f2 hex color

In a RGB color space, hex #80c7f2 is composed of 50.2% red, 78% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 17.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.6 degrees, a saturation of 81.4% and a lightness of 72.5%. #80c7f2 color hex could be obtained by blending #ffffff with #018fe5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 78
- B 95
RGB color chart
- C 47
- M 18
- Y 0
- K 5
CMYK color chart

● #80c7f2 color description : Soft blue.

The hexadecimal color #80c7f2 has RGB values of R:128, G:199, B:242 and CMYK values of C:0.47, M:0.18, Y:0, K:0.05. Its decimal value is 8439794.

Hex triplet	80c7f2	`#80c7f2`
RGB Decimal	128, 199, 242	`rgb(128,199,242)`
RGB Percent	50.2, 78, 94.9	`rgb(50.2%,78%,94.9%)`
CMYK	47, 18, 0, 5
HSL	202.6°, 81.4, 72.5	`hsl(202.6,81.4%,72.5%)`
HSV (or HSB)	202.6°, 47.1, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.188, -10.969, -28.146
XYZ	45.349, 51.844, 91.617
xyY	0.24, 0.275, 51.844
CIE-LCH	77.188, 30.208, 248.708
CIE-LUV	77.188, -32.727, -43.479
Hunter-Lab	72.003, -13.583, -25.039
Binary	10000000, 11000111, 11110010

#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#f2ab80
```
#f2ab80 rgb(242,171,128)
```

Complementary Color

#80f2e4
```
#80f2e4 rgb(128,242,228)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#808ef2
```
#808ef2 rgb(128,142,242)
```

Analogous Color

#f2e480
```
#f2e480 rgb(242,228,128)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#f2808e
```
#f2808e rgb(242,128,142)
```

Split Complementary Color

#c7f280
```
#c7f280 rgb(199,242,128)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#f280c7
```
#f280c7 rgb(242,128,199)
```

Triadic Color

#80f2ab
```
#80f2ab rgb(128,242,171)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#f280c7
```
#f280c7 rgb(242,128,199)
```
#f2ab80
```
#f2ab80 rgb(242,171,128)
```

Tetradic Color

#3ba8eb
```
#3ba8eb rgb(59,168,235)
```
#52b3ed
```
#52b3ed rgb(82,179,237)
```
#69bdf0
```
#69bdf0 rgb(105,189,240)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#97d1f4
```
#97d1f4 rgb(151,209,244)
```
#aedbf7
```
#aedbf7 rgb(174,219,247)
```
#c5e6f9
```
#c5e6f9 rgb(197,230,249)
```

Monochromatic Color

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

#80e4f2
```
#80e4f2 rgb(128,228,242)
```
#80daf2
```
#80daf2 rgb(128,218,242)
```
#80d1f2
```
#80d1f2 rgb(128,209,242)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#80bef2
```
#80bef2 rgb(128,190,242)
```
#80b4f2
```
#80b4f2 rgb(128,180,242)
```
#80abf2
```
#80abf2 rgb(128,171,242)
```

Similar Colors

Text with hexadecimal color #80c7f2

This text has a font color of #80c7f2.

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

#80c7f2 background color

This paragraph has a background color of #80c7f2.

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

#80c7f2 border color

This element has a border color of #80c7f2.

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

CSS codes

.text {color:#80c7f2;}

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

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

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

#020a0f
```
#020a0f rgb(2,10,15)
```
#031621
```
#031621 rgb(3,22,33)
```
#052233
```
#052233 rgb(5,34,51)
```
#072d45
```
#072d45 rgb(7,45,69)
```
#093957
```
#093957 rgb(9,57,87)
```
#0b4568
```
#0b4568 rgb(11,69,104)
```
#0d517a
```
#0d517a rgb(13,81,122)
```
#0e5d8c
```
#0e5d8c rgb(14,93,140)
```
#10689e
```
#10689e rgb(16,104,158)
```
#1274af
```
#1274af rgb(18,116,175)
```
#1480c1
```
#1480c1 rgb(20,128,193)
```
#168cd3
```
#168cd3 rgb(22,140,211)
```
#1797e5
```
#1797e5 rgb(23,151,229)
```

Shade Color Variation

#27a0e9
```
#27a0e9 rgb(39,160,233)
```
#39a8eb
```
#39a8eb rgb(57,168,235)
```
#4bafed
```
#4bafed rgb(75,175,237)
```
#5cb7ee
```
#5cb7ee rgb(92,183,238)
```
#6ebff0
```
#6ebff0 rgb(110,191,240)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#92cff4
```
#92cff4 rgb(146,207,244)
```
#a4d7f6
```
#a4d7f6 rgb(164,215,246)
```
#b5dff7
```
#b5dff7 rgb(181,223,247)
```
#c7e6f9
```
#c7e6f9 rgb(199,230,249)
```
#d9eefb
```
#d9eefb rgb(217,238,251)
```
#ebf6fd
```
#ebf6fd rgb(235,246,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b6babc
```
#b6babc rgb(182,186,188)
```
#b0bbc2
```
#b0bbc2 rgb(176,187,194)
```
#abbcc7
```
#abbcc7 rgb(171,188,199)
```
#a6becc
```
#a6becc rgb(166,190,204)
```
#a0bfd2
```
#a0bfd2 rgb(160,191,210)
```
#9bc0d7
```
#9bc0d7 rgb(155,192,215)
```
#96c2dc
```
#96c2dc rgb(150,194,220)
```
#90c3e2
```
#90c3e2 rgb(144,195,226)
```
#8bc4e7
```
#8bc4e7 rgb(139,196,231)
```
#85c6ed
```
#85c6ed rgb(133,198,237)
```
#80c7f2
```
#80c7f2 rgb(128,199,242)
```
#7bc8f7
```
#7bc8f7 rgb(123,200,247)
```
#75cafd
```
#75cafd rgb(117,202,253)
```

Tone Color Variation

Below, you can see how #80c7f2 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
#acbac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c0ec Protanopia 1% of men
#b5bef6 Deuteranopia 1% of men
#7ecddc Tritanopia 0.001% of the population

Trichromacy

#a2c2ee Protanomaly 1% of men, 0.01% of women
#a2c1f5 Deuteranomaly 6% of men, 0.4% of women
#7ecbe4 Tritanomaly 0.01% of the population

#80c7f2 hex color

#80c7f2 Color Information

#80c7f2 Color Conversion

Color Schemes with #80c7f2

Alternatives to #80c7f2

#80c7f2 Preview

Shades and Tints of #80c7f2

Tones of #80c7f2

Color Blindness Simulator