#80f2fd hex color

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

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

● #80f2fd color description : Soft cyan.

The hexadecimal color #80f2fd has RGB values of R:128, G:242, B:253 and CMYK values of C:0.49, M:0.04, Y:0, K:0.01. Its decimal value is 8450813.

Hex triplet	80f2fd	`#80f2fd`
RGB Decimal	128, 242, 253	`rgb(128,242,253)`
RGB Percent	50.2, 94.9, 99.2	`rgb(50.2%,94.9%,99.2%)`
CMYK	49, 4, 0, 1
HSL	185.3°, 96.9, 74.7	`hsl(185.3,96.9%,74.7%)`
HSV (or HSB)	185.3°, 49.4, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.478, -29.626, -15.332
XYZ	58.379, 75.181, 104.358
xyY	0.245, 0.316, 75.181
CIE-LCH	89.478, 33.358, 207.362
CIE-LUV	89.478, -48.944, -19.774
Hunter-Lab	86.707, -31.556, -10.665
Binary	10000000, 11110010, 11111101

#80f2fd
```
#80f2fd rgb(128,242,253)
```
#fd8b80
```
#fd8b80 rgb(253,139,128)
```

Complementary Color

#80fdca
```
#80fdca rgb(128,253,202)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#80b4fd
```
#80b4fd rgb(128,180,253)
```

Analogous Color

#fdca80
```
#fdca80 rgb(253,202,128)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#fd80b4
```
#fd80b4 rgb(253,128,180)
```

Split Complementary Color

#f2fd80
```
#f2fd80 rgb(242,253,128)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#fd80f2
```
#fd80f2 rgb(253,128,242)
```

Triadic Color

#80fd8b
```
#80fd8b rgb(128,253,139)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#fd80f2
```
#fd80f2 rgb(253,128,242)
```
#fd8b80
```
#fd8b80 rgb(253,139,128)
```

Tetradic Color

#35eafc
```
#35eafc rgb(53,234,252)
```
#4eedfc
```
#4eedfc rgb(78,237,252)
```
#67effd
```
#67effd rgb(103,239,253)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#99f5fd
```
#99f5fd rgb(153,245,253)
```
#b2f7fe
```
#b2f7fe rgb(178,247,254)
```
#cbfafe
```
#cbfafe rgb(203,250,254)
```

Monochromatic Color

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

#80fde9
```
#80fde9 rgb(128,253,233)
```
#80fdf3
```
#80fdf3 rgb(128,253,243)
```
#80fcfd
```
#80fcfd rgb(128,252,253)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#80e8fd
```
#80e8fd rgb(128,232,253)
```
#80ddfd
```
#80ddfd rgb(128,221,253)
```
#80d3fd
```
#80d3fd rgb(128,211,253)
```

Similar Colors

Text with hexadecimal color #80f2fd

This text has a font color of #80f2fd.

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

#80f2fd background color

This paragraph has a background color of #80f2fd.

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

#80f2fd border color

This element has a border color of #80f2fd.

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

CSS codes

.text {color:#80f2fd;}

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

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

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 #f4feff is the lightest one.

#000708
```
#000708 rgb(0,7,8)
```
#00191b
```
#00191b rgb(0,25,27)
```
#012b2f
```
#012b2f rgb(1,43,47)
```
#013c42
```
#013c42 rgb(1,60,66)
```
#014e55
```
#014e55 rgb(1,78,85)
```
#026069
```
#026069 rgb(2,96,105)
```
#02717c
```
#02717c rgb(2,113,124)
```
#02838f
```
#02838f rgb(2,131,143)
```
#0395a3
```
#0395a3 rgb(3,149,163)
```
#03a6b6
```
#03a6b6 rgb(3,166,182)
```
#03b8c9
```
#03b8c9 rgb(3,184,201)
```
#03c9dd
```
#03c9dd rgb(3,201,221)
```
#04dbf0
```
#04dbf0 rgb(4,219,240)
```

Shade Color Variation

#0ce6fb
```
#0ce6fb rgb(12,230,251)
```
#1fe8fb
```
#1fe8fb rgb(31,232,251)
```
#33eafc
```
#33eafc rgb(51,234,252)
```
#46ecfc
```
#46ecfc rgb(70,236,252)
```
#59eefc
```
#59eefc rgb(89,238,252)
```
#6df0fd
```
#6df0fd rgb(109,240,253)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```
#93f4fd
```
#93f4fd rgb(147,244,253)
```
#a7f6fe
```
#a7f6fe rgb(167,246,254)
```
#baf8fe
```
#baf8fe rgb(186,248,254)
```
#cdfafe
```
#cdfafe rgb(205,250,254)
```
#e1fcff
```
#e1fcff rgb(225,252,255)
```
#f4feff
```
#f4feff rgb(244,254,255)
```

Tint Color Variation

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

#bcc1c1
```
#bcc1c1 rgb(188,193,193)
```
#b7c5c6
```
#b7c5c6 rgb(183,197,198)
```
#b2c9cb
```
#b2c9cb rgb(178,201,203)
```
#adcdd0
```
#adcdd0 rgb(173,205,208)
```
#a8d1d5
```
#a8d1d5 rgb(168,209,213)
```
#a3d5da
```
#a3d5da rgb(163,213,218)
```
#9ed9df
```
#9ed9df rgb(158,217,223)
```
#99dee4
```
#99dee4 rgb(153,222,228)
```
#94e2e9
```
#94e2e9 rgb(148,226,233)
```
#8fe6ee
```
#8fe6ee rgb(143,230,238)
```
#8aeaf3
```
#8aeaf3 rgb(138,234,243)
```
#85eef8
```
#85eef8 rgb(133,238,248)
```
#80f2fd
```
#80f2fd rgb(128,242,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c1d8da Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1e1f2 Protanopia 1% of men
#e5deff Deuteranopia 1% of men
#9aefff Tritanopia 0.001% of the population

Trichromacy

#bde7f6 Protanomaly 1% of men, 0.01% of women
#c0e5fe Deuteranomaly 6% of men, 0.4% of women
#90f0fe Tritanomaly 0.01% of the population

#80f2fd hex color

#80f2fd Color Information

#80f2fd Color Conversion

Color Schemes with #80f2fd

Alternatives to #80f2fd

#80f2fd Preview

Shades and Tints of #80f2fd

Tones of #80f2fd

Color Blindness Simulator