colorhexa.com

#80cdf2 hex color

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

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

● #80cdf2 color description : Soft blue.

The hexadecimal color #80cdf2 has RGB values of R:128, G:205, B:242 and CMYK values of C:0.47, M:0.15, Y:0, K:0.05. Its decimal value is 8441330.

Hex triplet	80cdf2	`#80cdf2`
RGB Decimal	128, 205, 242	`rgb(128,205,242)`
RGB Percent	50.2, 80.4, 94.9	`rgb(50.2%,80.4%,94.9%)`
CMYK	47, 15, 0, 5
HSL	199.5°, 81.4, 72.5	`hsl(199.5,81.4%,72.5%)`
HSV (or HSB)	199.5°, 47.1, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.845, -14.111, -25.61
XYZ	46.756, 54.66, 92.086
xyY	0.242, 0.282, 54.66
CIE-LCH	78.845, 29.241, 241.145
CIE-LUV	78.845, -35.055, -38.858
Hunter-Lab	73.932, -16.494, -22.096
Binary	10000000, 11001101, 11110010

#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#f2a580
```
#f2a580 rgb(242,165,128)
```

Complementary Color

#80f2de
```
#80f2de rgb(128,242,222)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#8094f2
```
#8094f2 rgb(128,148,242)
```

Analogous Color

#f2de80
```
#f2de80 rgb(242,222,128)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#f28094
```
#f28094 rgb(242,128,148)
```

Split Complementary Color

#cdf280
```
#cdf280 rgb(205,242,128)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#f280cd
```
#f280cd rgb(242,128,205)
```

Triadic Color

#80f2a5
```
#80f2a5 rgb(128,242,165)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#f280cd
```
#f280cd rgb(242,128,205)
```
#f2a580
```
#f2a580 rgb(242,165,128)
```

Tetradic Color

#3bb2eb
```
#3bb2eb rgb(59,178,235)
```
#52bbed
```
#52bbed rgb(82,187,237)
```
#69c4f0
```
#69c4f0 rgb(105,196,240)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#97d6f4
```
#97d6f4 rgb(151,214,244)
```
#aedff7
```
#aedff7 rgb(174,223,247)
```
#c5e8f9
```
#c5e8f9 rgb(197,232,249)
```

Monochromatic Color

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

#80eaf2
```
#80eaf2 rgb(128,234,242)
```
#80e0f2
```
#80e0f2 rgb(128,224,242)
```
#80d7f2
```
#80d7f2 rgb(128,215,242)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#80c4f2
```
#80c4f2 rgb(128,196,242)
```
#80baf2
```
#80baf2 rgb(128,186,242)
```
#80b1f2
```
#80b1f2 rgb(128,177,242)
```

Similar Colors

Text with hexadecimal color #80cdf2

This text has a font color of #80cdf2.

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

#80cdf2 background color

This paragraph has a background color of #80cdf2.

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

#80cdf2 border color

This element has a border color of #80cdf2.

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

CSS codes

.text {color:#80cdf2;}

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

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

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)
```
#052433
```
#052433 rgb(5,36,51)
```
#073145
```
#073145 rgb(7,49,69)
```
#093d57
```
#093d57 rgb(9,61,87)
```
#0b4a68
```
#0b4a68 rgb(11,74,104)
```
#0d577a
```
#0d577a rgb(13,87,122)
```
#0e638c
```
#0e638c rgb(14,99,140)
```
#10709e
```
#10709e rgb(16,112,158)
```
#127caf
```
#127caf rgb(18,124,175)
```
#1489c1
```
#1489c1 rgb(20,137,193)
```
#1696d3
```
#1696d3 rgb(22,150,211)
```
#17a2e5
```
#17a2e5 rgb(23,162,229)
```

Shade Color Variation

#27aae9
```
#27aae9 rgb(39,170,233)
```
#39b1eb
```
#39b1eb rgb(57,177,235)
```
#4bb8ed
```
#4bb8ed rgb(75,184,237)
```
#5cbfee
```
#5cbfee rgb(92,191,238)
```
#6ec6f0
```
#6ec6f0 rgb(110,198,240)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#92d4f4
```
#92d4f4 rgb(146,212,244)
```
#a4dbf6
```
#a4dbf6 rgb(164,219,246)
```
#b5e2f7
```
#b5e2f7 rgb(181,226,247)
```
#c7e9f9
```
#c7e9f9 rgb(199,233,249)
```
#d9f0fb
```
#d9f0fb rgb(217,240,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 #75d1fd is the most saturated one.

#b6babc
```
#b6babc rgb(182,186,188)
```
#b0bcc2
```
#b0bcc2 rgb(176,188,194)
```
#abbec7
```
#abbec7 rgb(171,190,199)
```
#a6c0cc
```
#a6c0cc rgb(166,192,204)
```
#a0c2d2
```
#a0c2d2 rgb(160,194,210)
```
#9bc4d7
```
#9bc4d7 rgb(155,196,215)
```
#96c5dc
```
#96c5dc rgb(150,197,220)
```
#90c7e2
```
#90c7e2 rgb(144,199,226)
```
#8bc9e7
```
#8bc9e7 rgb(139,201,231)
```
#85cbed
```
#85cbed rgb(133,203,237)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#7bcff7
```
#7bcff7 rgb(123,207,247)
```
#75d1fd
```
#75d1fd rgb(117,209,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc4eb Protanopia 1% of men
#bdc2f7 Deuteranopia 1% of men
#80d2e1 Tritanopia 0.001% of the population

Trichromacy

#a6c7ee Protanomaly 1% of men, 0.01% of women
#a7c6f5 Deuteranomaly 6% of men, 0.4% of women
#80d0e7 Tritanomaly 0.01% of the population