colorhexa.com

#80c9f2 hex color

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

- R 50
- G 79
- B 95
RGB color chart
- C 47
- M 17
- Y 0
- K 5
CMYK color chart

● #80c9f2 color description : Soft blue.

The hexadecimal color #80c9f2 has RGB values of R:128, G:201, B:242 and CMYK values of C:0.47, M:0.17, Y:0, K:0.05. Its decimal value is 8440306.

Hex triplet	80c9f2	`#80c9f2`
RGB Decimal	128, 201, 242	`rgb(128,201,242)`
RGB Percent	50.2, 78.8, 94.9	`rgb(50.2%,78.8%,94.9%)`
CMYK	47, 17, 0, 5
HSL	201.6°, 81.4, 72.5	`hsl(201.6,81.4%,72.5%)`
HSV (or HSB)	201.6°, 47.1, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.739, -12.022, -27.301
XYZ	45.812, 52.771, 91.771
xyY	0.241, 0.277, 52.771
CIE-LCH	77.739, 29.83, 246.233
CIE-LUV	77.739, -33.503, -41.939
Hunter-Lab	72.643, -14.557, -24.051
Binary	10000000, 11001001, 11110010

#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#f2a980
```
#f2a980 rgb(242,169,128)
```

Complementary Color

#80f2e2
```
#80f2e2 rgb(128,242,226)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#8090f2
```
#8090f2 rgb(128,144,242)
```

Analogous Color

#f2e280
```
#f2e280 rgb(242,226,128)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#f28090
```
#f28090 rgb(242,128,144)
```

Split Complementary Color

#c9f280
```
#c9f280 rgb(201,242,128)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#f280c9
```
#f280c9 rgb(242,128,201)
```

Triadic Color

#80f2a9
```
#80f2a9 rgb(128,242,169)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#f280c9
```
#f280c9 rgb(242,128,201)
```
#f2a980
```
#f2a980 rgb(242,169,128)
```

Tetradic Color

#3babeb
```
#3babeb rgb(59,171,235)
```
#52b5ed
```
#52b5ed rgb(82,181,237)
```
#69bff0
```
#69bff0 rgb(105,191,240)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#97d3f4
```
#97d3f4 rgb(151,211,244)
```
#aeddf7
```
#aeddf7 rgb(174,221,247)
```
#c5e7f9
```
#c5e7f9 rgb(197,231,249)
```

Monochromatic Color

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

#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#80dcf2
```
#80dcf2 rgb(128,220,242)
```
#80d3f2
```
#80d3f2 rgb(128,211,242)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#80c0f2
```
#80c0f2 rgb(128,192,242)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#80adf2
```
#80adf2 rgb(128,173,242)
```

Similar Colors

Text with hexadecimal color #80c9f2

This text has a font color of #80c9f2.

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

#80c9f2 background color

This paragraph has a background color of #80c9f2.

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

#80c9f2 border color

This element has a border color of #80c9f2.

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

CSS codes

.text {color:#80c9f2;}

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

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

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)
```
#072f45
```
#072f45 rgb(7,47,69)
```
#093b57
```
#093b57 rgb(9,59,87)
```
#0b4768
```
#0b4768 rgb(11,71,104)
```
#0d537a
```
#0d537a rgb(13,83,122)
```
#0e5f8c
```
#0e5f8c rgb(14,95,140)
```
#106b9e
```
#106b9e rgb(16,107,158)
```
#1277af
```
#1277af rgb(18,119,175)
```
#1483c1
```
#1483c1 rgb(20,131,193)
```
#168fd3
```
#168fd3 rgb(22,143,211)
```
#179be5
```
#179be5 rgb(23,155,229)
```

Shade Color Variation

#27a3e9
```
#27a3e9 rgb(39,163,233)
```
#39abeb
```
#39abeb rgb(57,171,235)
```
#4bb2ed
```
#4bb2ed rgb(75,178,237)
```
#5cbaee
```
#5cbaee rgb(92,186,238)
```
#6ec1f0
```
#6ec1f0 rgb(110,193,240)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#92d1f4
```
#92d1f4 rgb(146,209,244)
```
#a4d8f6
```
#a4d8f6 rgb(164,216,246)
```
#b5e0f7
```
#b5e0f7 rgb(181,224,247)
```
#c7e7f9
```
#c7e7f9 rgb(199,231,249)
```
#d9effb
```
#d9effb rgb(217,239,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 #75ccfd is the most saturated one.

#b6babc
```
#b6babc rgb(182,186,188)
```
#b0bbc2
```
#b0bbc2 rgb(176,187,194)
```
#abbdc7
```
#abbdc7 rgb(171,189,199)
```
#a6becc
```
#a6becc rgb(166,190,204)
```
#a0c0d2
```
#a0c0d2 rgb(160,192,210)
```
#9bc1d7
```
#9bc1d7 rgb(155,193,215)
```
#96c3dc
```
#96c3dc rgb(150,195,220)
```
#90c4e2
```
#90c4e2 rgb(144,196,226)
```
#8bc6e7
```
#8bc6e7 rgb(139,198,231)
```
#85c7ed
```
#85c7ed rgb(133,199,237)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#7bcbf7
```
#7bcbf7 rgb(123,203,247)
```
#75ccfd
```
#75ccfd rgb(117,204,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#adbbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c1ec Protanopia 1% of men
#b8c0f6 Deuteranopia 1% of men
#7ecfde Tritanopia 0.001% of the population

Trichromacy

#a4c4ee Protanomaly 1% of men, 0.01% of women
#a3c3f5 Deuteranomaly 6% of men, 0.4% of women
#7fcde5 Tritanomaly 0.01% of the population