#80faf2 hex color

In a RGB color space, hex #80faf2 is composed of 50.2% red, 98% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 0% magenta, 3.2% yellow and 2% black. It has a hue angle of 176.1 degrees, a saturation of 92.4% and a lightness of 74.1%. #80faf2 color hex could be obtained by blending #ffffff with #01f5e5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 50
- G 98
- B 95
RGB color chart
- C 49
- M 0
- Y 3
- K 2
CMYK color chart

● #80faf2 color description : Soft cyan.

The hexadecimal color #80faf2 has RGB values of R:128, G:250, B:242 and CMYK values of C:0.49, M:0, Y:0.03, K:0.02. Its decimal value is 8452850.

Hex triplet	80faf2	`#80faf2`
RGB Decimal	128, 250, 242	`rgb(128,250,242)`
RGB Percent	50.2, 98, 94.9	`rgb(50.2%,98%,94.9%)`
CMYK	49, 0, 3, 2
HSL	176.1°, 92.4, 74.1	`hsl(176.1,92.4%,74.1%)`
HSV (or HSB)	176.1°, 48.8, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.4, -36.145, -6.742
XYZ	59.11, 79.367, 96.204
xyY	0.252, 0.338, 79.367
CIE-LCH	91.4, 36.768, 190.565
CIE-LUV	91.4, -52.436, -4.715
Hunter-Lab	89.088, -37.47, -1.664
Binary	10000000, 11111010, 11110010

#80faf2
```
#80faf2 rgb(128,250,242)
```
#fa8088
```
#fa8088 rgb(250,128,136)
```

Complementary Color

#80fab5
```
#80fab5 rgb(128,250,181)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#80c5fa
```
#80c5fa rgb(128,197,250)
```

Analogous Color

#fab580
```
#fab580 rgb(250,181,128)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#fa80c5
```
#fa80c5 rgb(250,128,197)
```

Split Complementary Color

#faf280
```
#faf280 rgb(250,242,128)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#f280fa
```
#f280fa rgb(242,128,250)
```

Triadic Color

#88fa80
```
#88fa80 rgb(136,250,128)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#f280fa
```
#f280fa rgb(242,128,250)
```
#fa8088
```
#fa8088 rgb(250,128,136)
```

Tetradic Color

#36f7ea
```
#36f7ea rgb(54,247,234)
```
#4ff8ed
```
#4ff8ed rgb(79,248,237)
```
#67f9ef
```
#67f9ef rgb(103,249,239)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#99fbf5
```
#99fbf5 rgb(153,251,245)
```
#b1fcf7
```
#b1fcf7 rgb(177,252,247)
```
#cafdfa
```
#cafdfa rgb(202,253,250)
```

Monochromatic Color

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

#80fad4
```
#80fad4 rgb(128,250,212)
```
#80fade
```
#80fade rgb(128,250,222)
```
#80fae8
```
#80fae8 rgb(128,250,232)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#80f8fa
```
#80f8fa rgb(128,248,250)
```
#80eefa
```
#80eefa rgb(128,238,250)
```
#80e4fa
```
#80e4fa rgb(128,228,250)
```

Similar Colors

Text with hexadecimal color #80faf2

This text has a font color of #80faf2.

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

#80faf2 background color

This paragraph has a background color of #80faf2.

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

#80faf2 border color

This element has a border color of #80faf2.

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

CSS codes

.text {color:#80faf2;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#011816
```
#011816 rgb(1,24,22)
```
#022b28
```
#022b28 rgb(2,43,40)
```
#023e3a
```
#023e3a rgb(2,62,58)
```
#03514c
```
#03514c rgb(3,81,76)
```
#04635d
```
#04635d rgb(4,99,93)
```
#05766f
```
#05766f rgb(5,118,111)
```
#058981
```
#058981 rgb(5,137,129)
```
#069c92
```
#069c92 rgb(6,156,146)
```
#07afa4
```
#07afa4 rgb(7,175,164)
```
#08c2b6
```
#08c2b6 rgb(8,194,182)
```
#08d5c7
```
#08d5c7 rgb(8,213,199)
```
#09e8d9
```
#09e8d9 rgb(9,232,217)
```

Shade Color Variation

#0ff6e6
```
#0ff6e6 rgb(15,246,230)
```
#22f6e8
```
#22f6e8 rgb(34,246,232)
```
#35f7ea
```
#35f7ea rgb(53,247,234)
```
#47f8ec
```
#47f8ec rgb(71,248,236)
```
#5af9ee
```
#5af9ee rgb(90,249,238)
```
#6df9f0
```
#6df9f0 rgb(109,249,240)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```
#93fbf4
```
#93fbf4 rgb(147,251,244)
```
#a6fbf6
```
#a6fbf6 rgb(166,251,246)
```
#b9fcf8
```
#b9fcf8 rgb(185,252,248)
```
#cbfdfa
```
#cbfdfa rgb(203,253,250)
```
#defefc
```
#defefc rgb(222,254,252)
```
#f1fefe
```
#f1fefe rgb(241,254,254)
```

Tint Color Variation

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

#bdbdbd
```
#bdbdbd rgb(189,189,189)
```
#b8c2c1
```
#b8c2c1 rgb(184,194,193)
```
#b3c7c6
```
#b3c7c6 rgb(179,199,198)
```
#aeccca
```
#aeccca rgb(174,204,202)
```
#a9d1cf
```
#a9d1cf rgb(169,209,207)
```
#a4d6d3
```
#a4d6d3 rgb(164,214,211)
```
#9edcd8
```
#9edcd8 rgb(158,220,216)
```
#99e1dc
```
#99e1dc rgb(153,225,220)
```
#94e6e0
```
#94e6e0 rgb(148,230,224)
```
#8febe5
```
#8febe5 rgb(143,235,229)
```
#8af0e9
```
#8af0e9 rgb(138,240,233)
```
#85f5ee
```
#85f5ee rgb(133,245,238)
```
#80faf2
```
#80faf2 rgb(128,250,242)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c4dcdb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe6e7 Protanopia 1% of men
#f3e1fb Deuteranopia 1% of men
#b1f2ff Tritanopia 0.001% of the population

Trichromacy

#c4edeb Protanomaly 1% of men, 0.01% of women
#c9eaf7 Deuteranomaly 6% of men, 0.4% of women
#9ff5fa Tritanomaly 0.01% of the population

#80faf2 hex color

#80faf2 Color Information

#80faf2 Color Conversion

Color Schemes with #80faf2

Alternatives to #80faf2

#80faf2 Preview

Shades and Tints of #80faf2

Tones of #80faf2

Color Blindness Simulator