#80d3e0 hex color

In a RGB color space, hex #80d3e0 is composed of 50.2% red, 82.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 5.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 188.1 degrees, a saturation of 60.8% and a lightness of 69%. #80d3e0 color hex could be obtained by blending #ffffff with #01a7c1. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 83
- B 88
RGB color chart
- C 43
- M 6
- Y 0
- K 12
CMYK color chart

● #80d3e0 color description : Very soft cyan.

The hexadecimal color #80d3e0 has RGB values of R:128, G:211, B:224 and CMYK values of C:0.43, M:0.06, Y:0, K:0.12. Its decimal value is 8442848.

Hex triplet	80d3e0	`#80d3e0`
RGB Decimal	128, 211, 224	`rgb(128,211,224)`
RGB Percent	50.2, 82.7, 87.8	`rgb(50.2%,82.7%,87.8%)`
CMYK	43, 6, 0, 12
HSL	188.1°, 60.8, 69	`hsl(188.1,60.8%,69%)`
HSV (or HSB)	188.1°, 42.9, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.93, -21.933, -14.341
XYZ	45.647, 56.557, 79.028
xyY	0.252, 0.312, 56.557
CIE-LCH	79.93, 26.205, 213.179
CIE-LUV	79.93, -37.835, -19.031
Hunter-Lab	75.204, -23.262, -9.662
Binary	10000000, 11010011, 11100000

#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#e08d80
```
#e08d80 rgb(224,141,128)
```

Complementary Color

#80e0bd
```
#80e0bd rgb(128,224,189)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#80a3e0
```
#80a3e0 rgb(128,163,224)
```

Analogous Color

#e0bd80
```
#e0bd80 rgb(224,189,128)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#e080a3
```
#e080a3 rgb(224,128,163)
```

Split Complementary Color

#d3e080
```
#d3e080 rgb(211,224,128)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#e080d3
```
#e080d3 rgb(224,128,211)
```

Triadic Color

#80e08d
```
#80e08d rgb(128,224,141)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#e080d3
```
#e080d3 rgb(224,128,211)
```
#e08d80
```
#e08d80 rgb(224,141,128)
```

Tetradic Color

#43bed1
```
#43bed1 rgb(67,190,209)
```
#57c5d6
```
#57c5d6 rgb(87,197,214)
```
#6cccdb
```
#6cccdb rgb(108,204,219)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#94dae5
```
#94dae5 rgb(148,218,229)
```
#a9e1ea
```
#a9e1ea rgb(169,225,234)
```
#bde8ef
```
#bde8ef rgb(189,232,239)
```

Monochromatic Color

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

#80e0d5
```
#80e0d5 rgb(128,224,213)
```
#80e0dd
```
#80e0dd rgb(128,224,221)
```
#80dbe0
```
#80dbe0 rgb(128,219,224)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#80cbe0
```
#80cbe0 rgb(128,203,224)
```
#80c3e0
```
#80c3e0 rgb(128,195,224)
```
#80bbe0
```
#80bbe0 rgb(128,187,224)
```

Similar Colors

Text with hexadecimal color #80d3e0

This text has a font color of #80d3e0.

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

#80d3e0 background color

This paragraph has a background color of #80d3e0.

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

#80d3e0 border color

This element has a border color of #80d3e0.

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

CSS codes

.text {color:#80d3e0;}

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

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

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

#040d0f
```
#040d0f rgb(4,13,15)
```
#071c1f
```
#071c1f rgb(7,28,31)
```
#0b2a2e
```
#0b2a2e rgb(11,42,46)
```
#0f383e
```
#0f383e rgb(15,56,62)
```
#13464e
```
#13464e rgb(19,70,78)
```
#17545e
```
#17545e rgb(23,84,94)
```
#1b626e
```
#1b626e rgb(27,98,110)
```
#1f707d
```
#1f707d rgb(31,112,125)
```
#227f8d
```
#227f8d rgb(34,127,141)
```
#268d9d
```
#268d9d rgb(38,141,157)
```
#2a9bad
```
#2a9bad rgb(42,155,173)
```
#2ea9bc
```
#2ea9bc rgb(46,169,188)
```
#32b7cc
```
#32b7cc rgb(50,183,204)
```

Shade Color Variation

#41bdd1
```
#41bdd1 rgb(65,189,209)
```
#51c3d4
```
#51c3d4 rgb(81,195,212)
```
#60c8d8
```
#60c8d8 rgb(96,200,216)
```
#70cedc
```
#70cedc rgb(112,206,220)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#90d8e4
```
#90d8e4 rgb(144,216,228)
```
#a0dee8
```
#a0dee8 rgb(160,222,232)
```
#afe3ec
```
#afe3ec rgb(175,227,236)
```
#bfe9ef
```
#bfe9ef rgb(191,233,239)
```
#cfeef3
```
#cfeef3 rgb(207,238,243)
```
#dff4f7
```
#dff4f7 rgb(223,244,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#abb4b5
```
#abb4b5 rgb(171,180,181)
```
#a4b8bc
```
#a4b8bc rgb(164,184,188)
```
#9ebdc2
```
#9ebdc2 rgb(158,189,194)
```
#98c1c8
```
#98c1c8 rgb(152,193,200)
```
#92c6ce
```
#92c6ce rgb(146,198,206)
```
#8ccad4
```
#8ccad4 rgb(140,202,212)
```
#86cfda
```
#86cfda rgb(134,207,218)
```
#80d3e0
```
#80d3e0 rgb(128,211,224)
```
#7ad7e6
```
#7ad7e6 rgb(122,215,230)
```
#74dcec
```
#74dcec rgb(116,220,236)
```
#6ee0f2
```
#6ee0f2 rgb(110,224,242)
```
#68e5f8
```
#68e5f8 rgb(104,229,248)
```
#62e9fe
```
#62e9fe rgb(98,233,254)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b0c1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c7d9 Protanopia 1% of men
#ccc4e7 Deuteranopia 1% of men
#87d4e4 Tritanopia 0.001% of the population

Trichromacy

#adcbdc Protanomaly 1% of men, 0.01% of women
#b0c9e4 Deuteranomaly 6% of men, 0.4% of women
#84d4e2 Tritanomaly 0.01% of the population

#80d3e0 hex color

#80d3e0 Color Information

#80d3e0 Color Conversion

Color Schemes with #80d3e0

Alternatives to #80d3e0

#80d3e0 Preview

Shades and Tints of #80d3e0

Tones of #80d3e0

Color Blindness Simulator