#80c2fc hex color

In a RGB color space, hex #80c2fc is composed of 50.2% red, 76.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 23% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.1 degrees, a saturation of 95.4% and a lightness of 74.5%. #80c2fc color hex could be obtained by blending #ffffff with #0185f9. Closest websafe color is: #99ccff.

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

● #80c2fc color description : Soft blue.

The hexadecimal color #80c2fc has RGB values of R:128, G:194, B:252 and CMYK values of C:0.49, M:0.23, Y:0, K:0.01. Its decimal value is 8438524.

Hex triplet	80c2fc	`#80c2fc`
RGB Decimal	128, 194, 252	`rgb(128,194,252)`
RGB Percent	50.2, 76.1, 98.8	`rgb(50.2%,76.1%,98.8%)`
CMYK	49, 23, 0, 1
HSL	208.1°, 95.4, 74.5	`hsl(208.1,95.4%,74.5%)`
HSV (or HSB)	208.1°, 49.2, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.191, -5.494, -35.046
XYZ	45.76, 50.199, 99.368
xyY	0.234, 0.257, 50.199
CIE-LCH	76.191, 35.474, 261.09
CIE-LUV	76.191, -30.665, -55.901
Hunter-Lab	70.851, -8.702, -33.558
Binary	10000000, 11000010, 11111100

#80c2fc
```
#80c2fc rgb(128,194,252)
```
#fcba80
```
#fcba80 rgb(252,186,128)
```

Complementary Color

#80fcf8
```
#80fcf8 rgb(128,252,248)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#8084fc
```
#8084fc rgb(128,132,252)
```

Analogous Color

#fcf880
```
#fcf880 rgb(252,248,128)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#fc8084
```
#fc8084 rgb(252,128,132)
```

Split Complementary Color

#c2fc80
```
#c2fc80 rgb(194,252,128)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#fc80c2
```
#fc80c2 rgb(252,128,194)
```

Triadic Color

#80fcba
```
#80fcba rgb(128,252,186)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#fc80c2
```
#fc80c2 rgb(252,128,194)
```
#fcba80
```
#fcba80 rgb(252,186,128)
```

Tetradic Color

#359efa
```
#359efa rgb(53,158,250)
```
#4eaafb
```
#4eaafb rgb(78,170,251)
```
#67b6fb
```
#67b6fb rgb(103,182,251)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#99cefd
```
#99cefd rgb(153,206,253)
```
#b2dafd
```
#b2dafd rgb(178,218,253)
```
#cbe6fe
```
#cbe6fe rgb(203,230,254)
```

Monochromatic Color

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

#80e1fc
```
#80e1fc rgb(128,225,252)
```
#80d7fc
```
#80d7fc rgb(128,215,252)
```
#80ccfc
```
#80ccfc rgb(128,204,252)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#80b8fc
```
#80b8fc rgb(128,184,252)
```
#80adfc
```
#80adfc rgb(128,173,252)
```
#80a3fc
```
#80a3fc rgb(128,163,252)
```

Similar Colors

Text with hexadecimal color #80c2fc

This text has a font color of #80c2fc.

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

#80c2fc background color

This paragraph has a background color of #80c2fc.

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

#80c2fc border color

This element has a border color of #80c2fc.

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

CSS codes

.text {color:#80c2fc;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#01192d
```
#01192d rgb(1,25,45)
```
#022341
```
#022341 rgb(2,35,65)
```
#022e54
```
#022e54 rgb(2,46,84)
```
#023867
```
#023867 rgb(2,56,103)
```
#03427a
```
#03427a rgb(3,66,122)
```
#034d8d
```
#034d8d rgb(3,77,141)
```
#0457a0
```
#0457a0 rgb(4,87,160)
```
#0462b4
```
#0462b4 rgb(4,98,180)
```
#056cc7
```
#056cc7 rgb(5,108,199)
```
#0576da
```
#0576da rgb(5,118,218)
```
#0681ed
```
#0681ed rgb(6,129,237)
```

Shade Color Variation

#0d8bf9
```
#0d8bf9 rgb(13,139,249)
```
#2094fa
```
#2094fa rgb(32,148,250)
```
#339dfa
```
#339dfa rgb(51,157,250)
```
#47a6fb
```
#47a6fb rgb(71,166,251)
```
#5ab0fb
```
#5ab0fb rgb(90,176,251)
```
#6db9fc
```
#6db9fc rgb(109,185,252)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```
#93cbfc
```
#93cbfc rgb(147,203,252)
```
#a6d4fd
```
#a6d4fd rgb(166,212,253)
```
#b9defd
```
#b9defd rgb(185,222,253)
```
#cde7fe
```
#cde7fe rgb(205,231,254)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#bcbec0
```
#bcbec0 rgb(188,190,192)
```
#b7bec5
```
#b7bec5 rgb(183,190,197)
```
#b2bfca
```
#b2bfca rgb(178,191,202)
```
#adbfcf
```
#adbfcf rgb(173,191,207)
```
#a8bfd4
```
#a8bfd4 rgb(168,191,212)
```
#a3c0d9
```
#a3c0d9 rgb(163,192,217)
```
#9ec0de
```
#9ec0de rgb(158,192,222)
```
#99c0e3
```
#99c0e3 rgb(153,192,227)
```
#94c1e8
```
#94c1e8 rgb(148,193,232)
```
#8fc1ed
```
#8fc1ed rgb(143,193,237)
```
#8ac1f2
```
#8ac1f2 rgb(138,193,242)
```
#85c2f7
```
#85c2f7 rgb(133,194,247)
```
#80c2fc
```
#80c2fc rgb(128,194,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aab8c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebdf6 Protanopia 1% of men
#aabdff Deuteranopia 1% of men
#78cbda Tritanopia 0.001% of the population

Trichromacy

#9dbef8 Protanomaly 1% of men, 0.01% of women
#9abefd Deuteranomaly 6% of men, 0.4% of women
#7bc8e6 Tritanomaly 0.01% of the population

#80c2fc hex color

#80c2fc Color Information

#80c2fc Color Conversion

Color Schemes with #80c2fc

Alternatives to #80c2fc

#80c2fc Preview

Shades and Tints of #80c2fc

Tones of #80c2fc

Color Blindness Simulator