#80f0fc hex color

In a RGB color space, hex #80f0fc is composed of 50.2% red, 94.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 4.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 185.8 degrees, a saturation of 95.4% and a lightness of 74.5%. #80f0fc color hex could be obtained by blending #ffffff with #01e1f9. Closest websafe color is: #99ffff.

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

● #80f0fc color description : Soft cyan.

The hexadecimal color #80f0fc has RGB values of R:128, G:240, B:252 and CMYK values of C:0.49, M:0.05, Y:0, K:0.01. Its decimal value is 8450300.

Hex triplet	80f0fc	`#80f0fc`
RGB Decimal	128, 240, 252	`rgb(128,240,252)`
RGB Percent	50.2, 94.1, 98.8	`rgb(50.2%,94.1%,98.8%)`
CMYK	49, 5, 0, 1
HSL	185.8°, 95.4, 74.5	`hsl(185.8,95.4%,74.5%)`
HSV (or HSB)	185.8°, 49.2, 98.8
Web Safe	99ffff	`#99ffff`

CIE-LAB	88.891, -28.927, -15.69
XYZ	57.628, 73.934, 103.324
xyY	0.245, 0.315, 73.934
CIE-LCH	88.891, 32.908, 208.475
CIE-LUV	88.891, -48.223, -20.46
Hunter-Lab	85.985, -30.84, -11.057
Binary	10000000, 11110000, 11111100

#80f0fc
```
#80f0fc rgb(128,240,252)
```
#fc8c80
```
#fc8c80 rgb(252,140,128)
```

Complementary Color

#80fcca
```
#80fcca rgb(128,252,202)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#80b2fc
```
#80b2fc rgb(128,178,252)
```

Analogous Color

#fcca80
```
#fcca80 rgb(252,202,128)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#fc80b2
```
#fc80b2 rgb(252,128,178)
```

Split Complementary Color

#f0fc80
```
#f0fc80 rgb(240,252,128)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#fc80f0
```
#fc80f0 rgb(252,128,240)
```

Triadic Color

#80fc8c
```
#80fc8c rgb(128,252,140)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#fc80f0
```
#fc80f0 rgb(252,128,240)
```
#fc8c80
```
#fc8c80 rgb(252,140,128)
```

Tetradic Color

#35e7fa
```
#35e7fa rgb(53,231,250)
```
#4eeafb
```
#4eeafb rgb(78,234,251)
```
#67edfb
```
#67edfb rgb(103,237,251)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#99f3fd
```
#99f3fd rgb(153,243,253)
```
#b2f6fd
```
#b2f6fd rgb(178,246,253)
```
#cbf9fe
```
#cbf9fe rgb(203,249,254)
```

Monochromatic Color

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

#80fce9
```
#80fce9 rgb(128,252,233)
```
#80fcf3
```
#80fcf3 rgb(128,252,243)
```
#80fafc
```
#80fafc rgb(128,250,252)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#80e6fc
```
#80e6fc rgb(128,230,252)
```
#80dbfc
```
#80dbfc rgb(128,219,252)
```
#80d1fc
```
#80d1fc rgb(128,209,252)
```

Similar Colors

Text with hexadecimal color #80f0fc

This text has a font color of #80f0fc.

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

#80f0fc background color

This paragraph has a background color of #80f0fc.

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

#80f0fc border color

This element has a border color of #80f0fc.

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

CSS codes

.text {color:#80f0fc;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01181a
```
#01181a rgb(1,24,26)
```
#01292d
```
#01292d rgb(1,41,45)
```
#023b41
```
#023b41 rgb(2,59,65)
```
#024c54
```
#024c54 rgb(2,76,84)
```
#025d67
```
#025d67 rgb(2,93,103)
```
#036f7a
```
#036f7a rgb(3,111,122)
```
#03808d
```
#03808d rgb(3,128,141)
```
#0491a0
```
#0491a0 rgb(4,145,160)
```
#04a3b4
```
#04a3b4 rgb(4,163,180)
```
#05b4c7
```
#05b4c7 rgb(5,180,199)
```
#05c5da
```
#05c5da rgb(5,197,218)
```
#06d7ed
```
#06d7ed rgb(6,215,237)
```

Shade Color Variation

#0de2f9
```
#0de2f9 rgb(13,226,249)
```
#20e5fa
```
#20e5fa rgb(32,229,250)
```
#33e7fa
```
#33e7fa rgb(51,231,250)
```
#47e9fb
```
#47e9fb rgb(71,233,251)
```
#5aebfb
```
#5aebfb rgb(90,235,251)
```
#6deefc
```
#6deefc rgb(109,238,252)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```
#93f2fc
```
#93f2fc rgb(147,242,252)
```
#a6f5fd
```
#a6f5fd rgb(166,245,253)
```
#b9f7fd
```
#b9f7fd rgb(185,247,253)
```
#cdf9fe
```
#cdf9fe rgb(205,249,254)
```
#e0fbfe
```
#e0fbfe rgb(224,251,254)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#bcc0c0
```
#bcc0c0 rgb(188,192,192)
```
#b7c4c5
```
#b7c4c5 rgb(183,196,197)
```
#b2c8ca
```
#b2c8ca rgb(178,200,202)
```
#adcccf
```
#adcccf rgb(173,204,207)
```
#a8d0d4
```
#a8d0d4 rgb(168,208,212)
```
#a3d4d9
```
#a3d4d9 rgb(163,212,217)
```
#9ed8de
```
#9ed8de rgb(158,216,222)
```
#99dce3
```
#99dce3 rgb(153,220,227)
```
#94e0e8
```
#94e0e8 rgb(148,224,232)
```
#8fe4ed
```
#8fe4ed rgb(143,228,237)
```
#8ae8f2
```
#8ae8f2 rgb(138,232,242)
```
#85ecf7
```
#85ecf7 rgb(133,236,247)
```
#80f0fc
```
#80f0fc rgb(128,240,252)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c0d6d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdff2 Protanopia 1% of men
#e3dcff Deuteranopia 1% of men
#92eeff Tritanopia 0.001% of the population

Trichromacy

#bce5f5 Protanomaly 1% of men, 0.01% of women
#bfe3fd Deuteranomaly 6% of men, 0.4% of women
#8beffd Tritanomaly 0.01% of the population

#80f0fc hex color

#80f0fc Color Information

#80f0fc Color Conversion

Color Schemes with #80f0fc

Alternatives to #80f0fc

#80f0fc Preview

Shades and Tints of #80f0fc

Tones of #80f0fc

Color Blindness Simulator