#80caf2 hex color

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

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

● #80caf2 color description : Soft blue.

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

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

CIE-LAB	78.016, -12.546, -26.878
XYZ	46.046, 53.239, 91.849
xyY	0.241, 0.279, 53.239
CIE-LCH	78.016, 29.662, 244.977
CIE-LUV	78.016, -33.891, -41.169
Hunter-Lab	72.965, -15.043, -23.56
Binary	10000000, 11001010, 11110010

#80caf2
```
#80caf2 rgb(128,202,242)
```
#f2a880
```
#f2a880 rgb(242,168,128)
```

Complementary Color

#80f2e1
```
#80f2e1 rgb(128,242,225)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#8091f2
```
#8091f2 rgb(128,145,242)
```

Analogous Color

#f2e180
```
#f2e180 rgb(242,225,128)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#f28091
```
#f28091 rgb(242,128,145)
```

Split Complementary Color

#caf280
```
#caf280 rgb(202,242,128)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#f280ca
```
#f280ca rgb(242,128,202)
```

Triadic Color

#80f2a8
```
#80f2a8 rgb(128,242,168)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#f280ca
```
#f280ca rgb(242,128,202)
```
#f2a880
```
#f2a880 rgb(242,168,128)
```

Tetradic Color

#3badeb
```
#3badeb rgb(59,173,235)
```
#52b7ed
```
#52b7ed rgb(82,183,237)
```
#69c0f0
```
#69c0f0 rgb(105,192,240)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#97d4f4
```
#97d4f4 rgb(151,212,244)
```
#aeddf7
```
#aeddf7 rgb(174,221,247)
```
#c5e7f9
```
#c5e7f9 rgb(197,231,249)
```

Monochromatic Color

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

#80e7f2
```
#80e7f2 rgb(128,231,242)
```
#80ddf2
```
#80ddf2 rgb(128,221,242)
```
#80d4f2
```
#80d4f2 rgb(128,212,242)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#80c1f2
```
#80c1f2 rgb(128,193,242)
```
#80b7f2
```
#80b7f2 rgb(128,183,242)
```
#80aef2
```
#80aef2 rgb(128,174,242)
```

Similar Colors

Text with hexadecimal color #80caf2

This text has a font color of #80caf2.

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

#80caf2 background color

This paragraph has a background color of #80caf2.

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

#80caf2 border color

This element has a border color of #80caf2.

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

CSS codes

.text {color:#80caf2;}

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

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

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

#020b0f
```
#020b0f rgb(2,11,15)
```
#031721
```
#031721 rgb(3,23,33)
```
#052333
```
#052333 rgb(5,35,51)
```
#072f45
```
#072f45 rgb(7,47,69)
```
#093b57
```
#093b57 rgb(9,59,87)
```
#0b4768
```
#0b4768 rgb(11,71,104)
```
#0d547a
```
#0d547a rgb(13,84,122)
```
#0e608c
```
#0e608c rgb(14,96,140)
```
#106c9e
```
#106c9e rgb(16,108,158)
```
#1278af
```
#1278af rgb(18,120,175)
```
#1484c1
```
#1484c1 rgb(20,132,193)
```
#1691d3
```
#1691d3 rgb(22,145,211)
```
#179de5
```
#179de5 rgb(23,157,229)
```

Shade Color Variation

#27a5e9
```
#27a5e9 rgb(39,165,233)
```
#39aceb
```
#39aceb rgb(57,172,235)
```
#4bb4ed
```
#4bb4ed rgb(75,180,237)
```
#5cbbee
```
#5cbbee rgb(92,187,238)
```
#6ec3f0
```
#6ec3f0 rgb(110,195,240)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#92d1f4
```
#92d1f4 rgb(146,209,244)
```
#a4d9f6
```
#a4d9f6 rgb(164,217,246)
```
#b5e0f7
```
#b5e0f7 rgb(181,224,247)
```
#c7e8f9
```
#c7e8f9 rgb(199,232,249)
```
#d9effb
```
#d9effb rgb(217,239,251)
```
#ebf7fd
```
#ebf7fd rgb(235,247,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 #75cdfd is the most saturated one.

#b6babc
```
#b6babc rgb(182,186,188)
```
#b0bcc2
```
#b0bcc2 rgb(176,188,194)
```
#abbdc7
```
#abbdc7 rgb(171,189,199)
```
#a6bfcc
```
#a6bfcc rgb(166,191,204)
```
#a0c0d2
```
#a0c0d2 rgb(160,192,210)
```
#9bc2d7
```
#9bc2d7 rgb(155,194,215)
```
#96c4dc
```
#96c4dc rgb(150,196,220)
```
#90c5e2
```
#90c5e2 rgb(144,197,226)
```
#8bc7e7
```
#8bc7e7 rgb(139,199,231)
```
#85c8ed
```
#85c8ed rgb(133,200,237)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#7bccf7
```
#7bccf7 rgb(123,204,247)
```
#75cdfd
```
#75cdfd rgb(117,205,253)
```

Tone Color Variation

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

Dichromacy

#b9c2ec Protanopia 1% of men
#b9c0f7 Deuteranopia 1% of men
#7fd0df Tritanopia 0.001% of the population

Trichromacy

#a4c5ee Protanomaly 1% of men, 0.01% of women
#a4c4f5 Deuteranomaly 6% of men, 0.4% of women
#7fcde6 Tritanomaly 0.01% of the population

#80caf2 hex color

#80caf2 Color Information

#80caf2 Color Conversion

Color Schemes with #80caf2

Alternatives to #80caf2

#80caf2 Preview

Shades and Tints of #80caf2

Tones of #80caf2

Color Blindness Simulator