#80e2fc hex color

In a RGB color space, hex #80e2fc is composed of 50.2% red, 88.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 10.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 192.6 degrees, a saturation of 95.4% and a lightness of 74.5%. #80e2fc color hex could be obtained by blending #ffffff with #01c5f9. 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

● #80e2fc color description : Soft cyan.

The hexadecimal color #80e2fc has RGB values of R:128, G:226, B:252 and CMYK values of C:0.49, M:0.1, Y:0, K:0.01. Its decimal value is 8446716.

Hex triplet	80e2fc	`#80e2fc`
RGB Decimal	128, 226, 252	`rgb(128,226,252)`
RGB Percent	50.2, 88.6, 98.8	`rgb(50.2%,88.6%,98.8%)`
CMYK	49, 10, 0, 1
HSL	192.6°, 95.4, 74.5	`hsl(192.6,95.4%,74.5%)`
HSV (or HSB)	192.6°, 49.2, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	85, -22.088, -21.558
XYZ	53.665, 66.007, 102.003
xyY	0.242, 0.298, 66.007
CIE-LCH	85, 30.864, 224.304
CIE-LUV	85, -42.882, -31.18
Hunter-Lab	81.245, -24.273, -17.568
Binary	10000000, 11100010, 11111100

#80e2fc
```
#80e2fc rgb(128,226,252)
```
#fc9a80
```
#fc9a80 rgb(252,154,128)
```

Complementary Color

#80fcd8
```
#80fcd8 rgb(128,252,216)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```

Analogous Color

#fcd880
```
#fcd880 rgb(252,216,128)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#fc80a4
```
#fc80a4 rgb(252,128,164)
```

Split Complementary Color

#e2fc80
```
#e2fc80 rgb(226,252,128)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#fc80e2
```
#fc80e2 rgb(252,128,226)
```

Triadic Color

#80fc9a
```
#80fc9a rgb(128,252,154)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#fc80e2
```
#fc80e2 rgb(252,128,226)
```
#fc9a80
```
#fc9a80 rgb(252,154,128)
```

Tetradic Color

#35d1fa
```
#35d1fa rgb(53,209,250)
```
#4ed7fb
```
#4ed7fb rgb(78,215,251)
```
#67dcfb
```
#67dcfb rgb(103,220,251)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#99e8fd
```
#99e8fd rgb(153,232,253)
```
#b2edfd
```
#b2edfd rgb(178,237,253)
```
#cbf3fe
```
#cbf3fe rgb(203,243,254)
```

Monochromatic Color

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

#80fcf7
```
#80fcf7 rgb(128,252,247)
```
#80f7fc
```
#80f7fc rgb(128,247,252)
```
#80ecfc
```
#80ecfc rgb(128,236,252)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#80d8fc
```
#80d8fc rgb(128,216,252)
```
#80cdfc
```
#80cdfc rgb(128,205,252)
```
#80c3fc
```
#80c3fc rgb(128,195,252)
```

Similar Colors

Text with hexadecimal color #80e2fc

This text has a font color of #80e2fc.

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

#80e2fc background color

This paragraph has a background color of #80e2fc.

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

#80e2fc border color

This element has a border color of #80e2fc.

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

CSS codes

.text {color:#80e2fc;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01151a
```
#01151a rgb(1,21,26)
```
#01242d
```
#01242d rgb(1,36,45)
```
#023341
```
#023341 rgb(2,51,65)
```
#024354
```
#024354 rgb(2,67,84)
```
#025267
```
#025267 rgb(2,82,103)
```
#03617a
```
#03617a rgb(3,97,122)
```
#03708d
```
#03708d rgb(3,112,141)
```
#0480a0
```
#0480a0 rgb(4,128,160)
```
#048fb4
```
#048fb4 rgb(4,143,180)
```
#059ec7
```
#059ec7 rgb(5,158,199)
```
#05adda
```
#05adda rgb(5,173,218)
```
#06bded
```
#06bded rgb(6,189,237)
```

Shade Color Variation

#0dc8f9
```
#0dc8f9 rgb(13,200,249)
```
#20ccfa
```
#20ccfa rgb(32,204,250)
```
#33d0fa
```
#33d0fa rgb(51,208,250)
```
#47d5fb
```
#47d5fb rgb(71,213,251)
```
#5ad9fb
```
#5ad9fb rgb(90,217,251)
```
#6ddefc
```
#6ddefc rgb(109,222,252)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```
#93e6fc
```
#93e6fc rgb(147,230,252)
```
#a6ebfd
```
#a6ebfd rgb(166,235,253)
```
#b9effd
```
#b9effd rgb(185,239,253)
```
#cdf4fe
```
#cdf4fe rgb(205,244,254)
```
#e0f8fe
```
#e0f8fe rgb(224,248,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#bcbfc0
```
#bcbfc0 rgb(188,191,192)
```
#b7c2c5
```
#b7c2c5 rgb(183,194,197)
```
#b2c5ca
```
#b2c5ca rgb(178,197,202)
```
#adc8cf
```
#adc8cf rgb(173,200,207)
```
#a8cbd4
```
#a8cbd4 rgb(168,203,212)
```
#a3ced9
```
#a3ced9 rgb(163,206,217)
```
#9ed1de
```
#9ed1de rgb(158,209,222)
```
#99d3e3
```
#99d3e3 rgb(153,211,227)
```
#94d6e8
```
#94d6e8 rgb(148,214,232)
```
#8fd9ed
```
#8fd9ed rgb(143,217,237)
```
#8adcf2
```
#8adcf2 rgb(138,220,242)
```
#85dff7
```
#85dff7 rgb(133,223,247)
```
#80e2fc
```
#80e2fc rgb(128,226,252)
```

Tone Color Variation

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

Dichromacy

#d0d4f3 Protanopia 1% of men
#d3d2ff Deuteranopia 1% of men
#83e4f5 Tritanopia 0.001% of the population

Trichromacy

#b3d9f6 Protanomaly 1% of men, 0.01% of women
#b4d8fd Deuteranomaly 6% of men, 0.4% of women
#82e3f7 Tritanomaly 0.01% of the population

#80e2fc hex color

#80e2fc Color Information

#80e2fc Color Conversion

Color Schemes with #80e2fc

Alternatives to #80e2fc

#80e2fc Preview

Shades and Tints of #80e2fc

Tones of #80e2fc

Color Blindness Simulator