#80cdec hex color

In a RGB color space, hex #80cdec is composed of 50.2% red, 80.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 13.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 197.2 degrees, a saturation of 74% and a lightness of 71.4%. #80cdec color hex could be obtained by blending #ffffff with #019bd9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 80
- B 93
RGB color chart
- C 46
- M 13
- Y 0
- K 7
CMYK color chart

● #80cdec color description : Soft blue.

The hexadecimal color #80cdec has RGB values of R:128, G:205, B:236 and CMYK values of C:0.46, M:0.13, Y:0, K:0.07. Its decimal value is 8441324.

Hex triplet	80cdec	`#80cdec`
RGB Decimal	128, 205, 236	`rgb(128,205,236)`
RGB Percent	50.2, 80.4, 92.5	`rgb(50.2%,80.4%,92.5%)`
CMYK	46, 13, 0, 7
HSL	197.2°, 74, 71.4	`hsl(197.2,74%,71.4%)`
HSV (or HSB)	197.2°, 45.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.639, -15.736, -22.713
XYZ	45.87, 54.305, 87.417
xyY	0.245, 0.289, 54.305
CIE-LCH	78.639, 27.631, 235.285
CIE-LUV	78.639, -35.181, -33.74
Hunter-Lab	73.692, -17.853, -18.748
Binary	10000000, 11001101, 11101100

#80cdec
```
#80cdec rgb(128,205,236)
```
#ec9f80
```
#ec9f80 rgb(236,159,128)
```

Complementary Color

#80ecd5
```
#80ecd5 rgb(128,236,213)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#8097ec
```
#8097ec rgb(128,151,236)
```

Analogous Color

#ecd580
```
#ecd580 rgb(236,213,128)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#ec8097
```
#ec8097 rgb(236,128,151)
```

Split Complementary Color

#cdec80
```
#cdec80 rgb(205,236,128)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#ec80cd
```
#ec80cd rgb(236,128,205)
```

Triadic Color

#80ec9f
```
#80ec9f rgb(128,236,159)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#ec80cd
```
#ec80cd rgb(236,128,205)
```
#ec9f80
```
#ec9f80 rgb(236,159,128)
```

Tetradic Color

#3db3e2
```
#3db3e2 rgb(61,179,226)
```
#54bce5
```
#54bce5 rgb(84,188,229)
```
#6ac4e9
```
#6ac4e9 rgb(106,196,233)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#96d6ef
```
#96d6ef rgb(150,214,239)
```
#acdef3
```
#acdef3 rgb(172,222,243)
```
#c3e7f6
```
#c3e7f6 rgb(195,231,246)
```

Monochromatic Color

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

#80e8ec
```
#80e8ec rgb(128,232,236)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#80d6ec
```
#80d6ec rgb(128,214,236)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#80c4ec
```
#80c4ec rgb(128,196,236)
```
#80bbec
```
#80bbec rgb(128,187,236)
```
#80b2ec
```
#80b2ec rgb(128,178,236)
```

Similar Colors

Text with hexadecimal color #80cdec

This text has a font color of #80cdec.

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

#80cdec background color

This paragraph has a background color of #80cdec.

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

#80cdec border color

This element has a border color of #80cdec.

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

CSS codes

.text {color:#80cdec;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#04141b
```
#04141b rgb(4,20,27)
```
#07212c
```
#07212c rgb(7,33,44)
```
#092e3d
```
#092e3d rgb(9,46,61)
```
#0c3b4e
```
#0c3b4e rgb(12,59,78)
```
#0e485f
```
#0e485f rgb(14,72,95)
```
#115570
```
#115570 rgb(17,85,112)
```
#136181
```
#136181 rgb(19,97,129)
```
#166e92
```
#166e92 rgb(22,110,146)
```
#187ba3
```
#187ba3 rgb(24,123,163)
```
#1b88b4
```
#1b88b4 rgb(27,136,180)
```
#1e95c5
```
#1e95c5 rgb(30,149,197)
```
#20a2d6
```
#20a2d6 rgb(32,162,214)
```

Shade Color Variation

#2babdf
```
#2babdf rgb(43,171,223)
```
#3cb2e2
```
#3cb2e2 rgb(60,178,226)
```
#4db9e4
```
#4db9e4 rgb(77,185,228)
```
#5ec0e7
```
#5ec0e7 rgb(94,192,231)
```
#6fc6e9
```
#6fc6e9 rgb(111,198,233)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#91d4ef
```
#91d4ef rgb(145,212,239)
```
#a2daf1
```
#a2daf1 rgb(162,218,241)
```
#b3e1f4
```
#b3e1f4 rgb(179,225,244)
```
#c4e8f6
```
#c4e8f6 rgb(196,232,246)
```
#d5eff9
```
#d5eff9 rgb(213,239,249)
```
#e6f5fb
```
#e6f5fb rgb(230,245,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#b3b7b9
```
#b3b7b9 rgb(179,183,185)
```
#adbabf
```
#adbabf rgb(173,186,191)
```
#a7bcc5
```
#a7bcc5 rgb(167,188,197)
```
#a2bfca
```
#a2bfca rgb(162,191,202)
```
#9cc1d0
```
#9cc1d0 rgb(156,193,208)
```
#96c3d6
```
#96c3d6 rgb(150,195,214)
```
#91c6db
```
#91c6db rgb(145,198,219)
```
#8bc8e1
```
#8bc8e1 rgb(139,200,225)
```
#86cbe6
```
#86cbe6 rgb(134,203,230)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#7acff2
```
#7acff2 rgb(122,207,242)
```
#75d2f7
```
#75d2f7 rgb(117,210,247)
```
#6fd4fd
```
#6fd4fd rgb(111,212,253)
```

Tone Color Variation

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

Dichromacy

#bec4e5 Protanopia 1% of men
#c0c2f1 Deuteranopia 1% of men
#82d1e0 Tritanopia 0.001% of the population

Trichromacy

#a7c7e8 Protanomaly 1% of men, 0.01% of women
#a8c6ef Deuteranomaly 6% of men, 0.4% of women
#81d0e4 Tritanomaly 0.01% of the population

#80cdec hex color

#80cdec Color Information

#80cdec Color Conversion

Color Schemes with #80cdec

Alternatives to #80cdec

#80cdec Preview

Shades and Tints of #80cdec

Tones of #80cdec

Color Blindness Simulator