#80bddf hex color

In a RGB color space, hex #80bddf is composed of 50.2% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 201.5 degrees, a saturation of 59.7% and a lightness of 68.8%. #80bddf color hex could be obtained by blending #ffffff with #017bbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 74
- B 87
RGB color chart
- C 43
- M 15
- Y 0
- K 13
CMYK color chart

● #80bddf color description : Very soft blue.

The hexadecimal color #80bddf has RGB values of R:128, G:189, B:223 and CMYK values of C:0.43, M:0.15, Y:0, K:0.13. Its decimal value is 8437215.

Hex triplet	80bddf	`#80bddf`
RGB Decimal	128, 189, 223	`rgb(128,189,223)`
RGB Percent	50.2, 74.1, 87.5	`rgb(50.2%,74.1%,87.5%)`
CMYK	43, 15, 0, 13
HSL	201.5°, 59.7, 68.8	`hsl(201.5,59.7%,68.8%)`
HSV (or HSB)	201.5°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.746, -10.849, -23.155
XYZ	40.416, 46.31, 76.617
xyY	0.247, 0.284, 46.31
CIE-LCH	73.746, 25.571, 244.894
CIE-LUV	73.746, -29.048, -34.889
Hunter-Lab	68.052, -13.079, -19.117
Binary	10000000, 10111101, 11011111

#80bddf
```
#80bddf rgb(128,189,223)
```
#dfa280
```
#dfa280 rgb(223,162,128)
```

Complementary Color

#80dfd2
```
#80dfd2 rgb(128,223,210)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#808edf
```
#808edf rgb(128,142,223)
```

Analogous Color

#dfd280
```
#dfd280 rgb(223,210,128)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#df808e
```
#df808e rgb(223,128,142)
```

Split Complementary Color

#bddf80
```
#bddf80 rgb(189,223,128)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#df80bd
```
#df80bd rgb(223,128,189)
```

Triadic Color

#80dfa2
```
#80dfa2 rgb(128,223,162)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#df80bd
```
#df80bd rgb(223,128,189)
```
#dfa280
```
#dfa280 rgb(223,162,128)
```

Tetradic Color

#439dd0
```
#439dd0 rgb(67,157,208)
```
#57a8d5
```
#57a8d5 rgb(87,168,213)
```
#6cb2da
```
#6cb2da rgb(108,178,218)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#94c8e4
```
#94c8e4 rgb(148,200,228)
```
#a9d2e9
```
#a9d2e9 rgb(169,210,233)
```
#bdddee
```
#bdddee rgb(189,221,238)
```

Monochromatic Color

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

#80d5df
```
#80d5df rgb(128,213,223)
```
#80cddf
```
#80cddf rgb(128,205,223)
```
#80c5df
```
#80c5df rgb(128,197,223)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#80b5df
```
#80b5df rgb(128,181,223)
```
#80addf
```
#80addf rgb(128,173,223)
```
#80a5df
```
#80a5df rgb(128,165,223)
```

Similar Colors

Text with hexadecimal color #80bddf

This text has a font color of #80bddf.

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

#80bddf background color

This paragraph has a background color of #80bddf.

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

#80bddf border color

This element has a border color of #80bddf.

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

CSS codes

.text {color:#80bddf;}

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

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

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

#040a0e
```
#040a0e rgb(4,10,14)
```
#07161e
```
#07161e rgb(7,22,30)
```
#0b212d
```
#0b212d rgb(11,33,45)
```
#0f2d3d
```
#0f2d3d rgb(15,45,61)
```
#13384d
```
#13384d rgb(19,56,77)
```
#17445c
```
#17445c rgb(23,68,92)
```
#1b4f6c
```
#1b4f6c rgb(27,79,108)
```
#1f5b7c
```
#1f5b7c rgb(31,91,124)
```
#23668b
```
#23668b rgb(35,102,139)
```
#27729b
```
#27729b rgb(39,114,155)
```
#2b7dab
```
#2b7dab rgb(43,125,171)
```
#2f88ba
```
#2f88ba rgb(47,136,186)
```
#3394ca
```
#3394ca rgb(51,148,202)
```

Shade Color Variation

#419ccf
```
#419ccf rgb(65,156,207)
```
#51a5d3
```
#51a5d3 rgb(81,165,211)
```
#61add7
```
#61add7 rgb(97,173,215)
```
#70b5db
```
#70b5db rgb(112,181,219)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#90c5e3
```
#90c5e3 rgb(144,197,227)
```
#9fcde7
```
#9fcde7 rgb(159,205,231)
```
#afd5eb
```
#afd5eb rgb(175,213,235)
```
#bfdeef
```
#bfdeef rgb(191,222,239)
```
#cee6f3
```
#cee6f3 rgb(206,230,243)
```
#deeef7
```
#deeef7 rgb(222,238,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#abb1b4
```
#abb1b4 rgb(171,177,180)
```
#a5b3ba
```
#a5b3ba rgb(165,179,186)
```
#9fb4c0
```
#9fb4c0 rgb(159,180,192)
```
#98b6c7
```
#98b6c7 rgb(152,182,199)
```
#92b8cd
```
#92b8cd rgb(146,184,205)
```
#8cbad3
```
#8cbad3 rgb(140,186,211)
```
#86bbd9
```
#86bbd9 rgb(134,187,217)
```
#80bddf
```
#80bddf rgb(128,189,223)
```
#7abfe5
```
#7abfe5 rgb(122,191,229)
```
#74c0eb
```
#74c0eb rgb(116,192,235)
```
#6ec2f1
```
#6ec2f1 rgb(110,194,241)
```
#68c4f7
```
#68c4f7 rgb(104,196,247)
```
#61c6fe
```
#61c6fe rgb(97,198,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a6b2b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b7db Protanopia 1% of men
#b2b5e4 Deuteranopia 1% of men
#81c3d1 Tritanopia 0.001% of the population

Trichromacy

#9fb9dc Protanomaly 1% of men, 0.01% of women
#a0b8e2 Deuteranomaly 6% of men, 0.4% of women
#80c0d6 Tritanomaly 0.01% of the population

#80bddf hex color

#80bddf Color Information

#80bddf Color Conversion

Color Schemes with #80bddf

Alternatives to #80bddf

#80bddf Preview

Shades and Tints of #80bddf

Tones of #80bddf

Color Blindness Simulator