#80e3fd hex color

In a RGB color space, hex #80e3fd is composed of 50.2% red, 89% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 10.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.5 degrees, a saturation of 96.9% and a lightness of 74.7%. #80e3fd color hex could be obtained by blending #ffffff with #01c7fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 89
- B 99
RGB color chart
- C 49
- M 10
- Y 0
- K 1
CMYK color chart

● #80e3fd color description : Soft cyan.

The hexadecimal color #80e3fd has RGB values of R:128, G:227, B:253 and CMYK values of C:0.49, M:0.1, Y:0, K:0.01. Its decimal value is 8446973.

Hex triplet	80e3fd	`#80e3fd`
RGB Decimal	128, 227, 253	`rgb(128,227,253)`
RGB Percent	50.2, 89, 99.2	`rgb(50.2%,89%,99.2%)`
CMYK	49, 10, 0, 1
HSL	192.5°, 96.9, 74.7	`hsl(192.5,96.9%,74.7%)`
HSV (or HSB)	192.5°, 49.4, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.31, -22.318, -21.615
XYZ	54.096, 66.616, 102.931
xyY	0.242, 0.298, 66.616
CIE-LCH	85.31, 31.069, 224.084
CIE-LUV	85.31, -43.232, -31.257
Hunter-Lab	81.618, -24.524, -17.639
Binary	10000000, 11100011, 11111101

#80e3fd
```
#80e3fd rgb(128,227,253)
```
#fd9a80
```
#fd9a80 rgb(253,154,128)
```

Complementary Color

#80fdd9
```
#80fdd9 rgb(128,253,217)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#80a5fd
```
#80a5fd rgb(128,165,253)
```

Analogous Color

#fdd980
```
#fdd980 rgb(253,217,128)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#fd80a5
```
#fd80a5 rgb(253,128,165)
```

Split Complementary Color

#e3fd80
```
#e3fd80 rgb(227,253,128)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#fd80e3
```
#fd80e3 rgb(253,128,227)
```

Triadic Color

#80fd9a
```
#80fd9a rgb(128,253,154)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#fd80e3
```
#fd80e3 rgb(253,128,227)
```
#fd9a80
```
#fd9a80 rgb(253,154,128)
```

Tetradic Color

#35d2fc
```
#35d2fc rgb(53,210,252)
```
#4ed8fc
```
#4ed8fc rgb(78,216,252)
```
#67ddfd
```
#67ddfd rgb(103,221,253)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#99e9fd
```
#99e9fd rgb(153,233,253)
```
#b2eefe
```
#b2eefe rgb(178,238,254)
```
#cbf4fe
```
#cbf4fe rgb(203,244,254)
```

Monochromatic Color

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

#80fdf8
```
#80fdf8 rgb(128,253,248)
```
#80f8fd
```
#80f8fd rgb(128,248,253)
```
#80edfd
```
#80edfd rgb(128,237,253)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#80d9fd
```
#80d9fd rgb(128,217,253)
```
#80cefd
```
#80cefd rgb(128,206,253)
```
#80c4fd
```
#80c4fd rgb(128,196,253)
```

Similar Colors

Text with hexadecimal color #80e3fd

This text has a font color of #80e3fd.

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

#80e3fd background color

This paragraph has a background color of #80e3fd.

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

#80e3fd border color

This element has a border color of #80e3fd.

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

CSS codes

.text {color:#80e3fd;}

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

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

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, #000708 is the darkest color, while #f4fdff is the lightest one.

#000708
```
#000708 rgb(0,7,8)
```
#00161b
```
#00161b rgb(0,22,27)
```
#01252f
```
#01252f rgb(1,37,47)
```
#013542
```
#013542 rgb(1,53,66)
```
#014455
```
#014455 rgb(1,68,85)
```
#025369
```
#025369 rgb(2,83,105)
```
#02637c
```
#02637c rgb(2,99,124)
```
#02728f
```
#02728f rgb(2,114,143)
```
#0381a3
```
#0381a3 rgb(3,129,163)
```
#0391b6
```
#0391b6 rgb(3,145,182)
```
#03a0c9
```
#03a0c9 rgb(3,160,201)
```
#03afdd
```
#03afdd rgb(3,175,221)
```
#04bff0
```
#04bff0 rgb(4,191,240)
```

Shade Color Variation

#0cc9fb
```
#0cc9fb rgb(12,201,251)
```
#1fcefb
```
#1fcefb rgb(31,206,251)
```
#33d2fc
```
#33d2fc rgb(51,210,252)
```
#46d6fc
```
#46d6fc rgb(70,214,252)
```
#59dafc
```
#59dafc rgb(89,218,252)
```
#6ddffd
```
#6ddffd rgb(109,223,253)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```
#93e7fd
```
#93e7fd rgb(147,231,253)
```
#a7ecfe
```
#a7ecfe rgb(167,236,254)
```
#baf0fe
```
#baf0fe rgb(186,240,254)
```
#cdf4fe
```
#cdf4fe rgb(205,244,254)
```
#e1f8ff
```
#e1f8ff rgb(225,248,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#bcc0c1
```
#bcc0c1 rgb(188,192,193)
```
#b7c3c6
```
#b7c3c6 rgb(183,195,198)
```
#b2c6cb
```
#b2c6cb rgb(178,198,203)
```
#adc9d0
```
#adc9d0 rgb(173,201,208)
```
#a8ccd5
```
#a8ccd5 rgb(168,204,213)
```
#a3cfda
```
#a3cfda rgb(163,207,218)
```
#9ed2df
```
#9ed2df rgb(158,210,223)
```
#99d5e4
```
#99d5e4 rgb(153,213,228)
```
#94d7e9
```
#94d7e9 rgb(148,215,233)
```
#8fdaee
```
#8fdaee rgb(143,218,238)
```
#8addf3
```
#8addf3 rgb(138,221,243)
```
#85e0f8
```
#85e0f8 rgb(133,224,248)
```
#80e3fd
```
#80e3fd rgb(128,227,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#bacdd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d5f4 Protanopia 1% of men
#d4d3ff Deuteranopia 1% of men
#83e5f6 Tritanopia 0.001% of the population

Trichromacy

#b4daf7 Protanomaly 1% of men, 0.01% of women
#b5d9fe Deuteranomaly 6% of men, 0.4% of women
#82e4f8 Tritanomaly 0.01% of the population

#80e3fd hex color

#80e3fd Color Information

#80e3fd Color Conversion

Color Schemes with #80e3fd

Alternatives to #80e3fd

#80e3fd Preview

Shades and Tints of #80e3fd

Tones of #80e3fd

Color Blindness Simulator