#80b6fc hex color

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

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

● #80b6fc color description : Soft blue.

The hexadecimal color #80b6fc has RGB values of R:128, G:182, B:252 and CMYK values of C:0.49, M:0.28, Y:0, K:0.01. Its decimal value is 8435452.

Hex triplet	80b6fc	`#80b6fc`
RGB Decimal	128, 182, 252	`rgb(128,182,252)`
RGB Percent	50.2, 71.4, 98.8	`rgb(50.2%,71.4%,98.8%)`
CMYK	49, 28, 0, 1
HSL	213.9°, 95.4, 74.5	`hsl(213.9,95.4%,74.5%)`
HSV (or HSB)	213.9°, 49.2, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.939, 1.065, -40.095
XYZ	43.197, 45.071, 98.513
xyY	0.231, 0.241, 45.071
CIE-LCH	72.939, 40.109, 271.521
CIE-LUV	72.939, -26.145, -65.06
Hunter-Lab	67.135, -2.634, -40.007
Binary	10000000, 10110110, 11111100

#80b6fc
```
#80b6fc rgb(128,182,252)
```
#fcc680
```
#fcc680 rgb(252,198,128)
```

Complementary Color

#80f4fc
```
#80f4fc rgb(128,244,252)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#8880fc
```
#8880fc rgb(136,128,252)
```

Analogous Color

#f4fc80
```
#f4fc80 rgb(244,252,128)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#fc8880
```
#fc8880 rgb(252,136,128)
```

Split Complementary Color

#b6fc80
```
#b6fc80 rgb(182,252,128)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#fc80b6
```
#fc80b6 rgb(252,128,182)
```

Triadic Color

#80fcc6
```
#80fcc6 rgb(128,252,198)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#fc80b6
```
#fc80b6 rgb(252,128,182)
```
#fcc680
```
#fcc680 rgb(252,198,128)
```

Tetradic Color

#358bfa
```
#358bfa rgb(53,139,250)
```
#4e99fb
```
#4e99fb rgb(78,153,251)
```
#67a8fb
```
#67a8fb rgb(103,168,251)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#99c4fd
```
#99c4fd rgb(153,196,253)
```
#b2d3fd
```
#b2d3fd rgb(178,211,253)
```
#cbe1fe
```
#cbe1fe rgb(203,225,254)
```

Monochromatic Color

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

#80d5fc
```
#80d5fc rgb(128,213,252)
```
#80cbfc
```
#80cbfc rgb(128,203,252)
```
#80c0fc
```
#80c0fc rgb(128,192,252)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#80acfc
```
#80acfc rgb(128,172,252)
```
#80a1fc
```
#80a1fc rgb(128,161,252)
```
#8097fc
```
#8097fc rgb(128,151,252)
```

Similar Colors

Text with hexadecimal color #80b6fc

This text has a font color of #80b6fc.

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

#80b6fc background color

This paragraph has a background color of #80b6fc.

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

#80b6fc border color

This element has a border color of #80b6fc.

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

CSS codes

.text {color:#80b6fc;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010c1a
```
#010c1a rgb(1,12,26)
```
#01142d
```
#01142d rgb(1,20,45)
```
#021d41
```
#021d41 rgb(2,29,65)
```
#022654
```
#022654 rgb(2,38,84)
```
#022e67
```
#022e67 rgb(2,46,103)
```
#03377a
```
#03377a rgb(3,55,122)
```
#033f8d
```
#033f8d rgb(3,63,141)
```
#0448a0
```
#0448a0 rgb(4,72,160)
```
#0451b4
```
#0451b4 rgb(4,81,180)
```
#0559c7
```
#0559c7 rgb(5,89,199)
```
#0562da
```
#0562da rgb(5,98,218)
```
#066aed
```
#066aed rgb(6,106,237)
```

Shade Color Variation

#0d74f9
```
#0d74f9 rgb(13,116,249)
```
#207ffa
```
#207ffa rgb(32,127,250)
```
#338afa
```
#338afa rgb(51,138,250)
```
#4795fb
```
#4795fb rgb(71,149,251)
```
#5aa0fb
```
#5aa0fb rgb(90,160,251)
```
#6dabfc
```
#6dabfc rgb(109,171,252)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```
#93c1fc
```
#93c1fc rgb(147,193,252)
```
#a6ccfd
```
#a6ccfd rgb(166,204,253)
```
#b9d7fd
```
#b9d7fd rgb(185,215,253)
```
#cde2fe
```
#cde2fe rgb(205,226,254)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,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 #80b6fc is the most saturated one.

#bcbec0
```
#bcbec0 rgb(188,190,192)
```
#b7bdc5
```
#b7bdc5 rgb(183,189,197)
```
#b2bcca
```
#b2bcca rgb(178,188,202)
```
#adbccf
```
#adbccf rgb(173,188,207)
```
#a8bbd4
```
#a8bbd4 rgb(168,187,212)
```
#a3bbd9
```
#a3bbd9 rgb(163,187,217)
```
#9ebade
```
#9ebade rgb(158,186,222)
```
#99b9e3
```
#99b9e3 rgb(153,185,227)
```
#94b9e8
```
#94b9e8 rgb(148,185,232)
```
#8fb8ed
```
#8fb8ed rgb(143,184,237)
```
#8ab7f2
```
#8ab7f2 rgb(138,183,242)
```
#85b7f7
```
#85b7f7 rgb(133,183,247)
```
#80b6fc
```
#80b6fc rgb(128,182,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b4f8 Protanopia 1% of men
#99b5fd Deuteranopia 1% of men
#74c2d0 Tritanopia 0.001% of the population

Trichromacy

#94b5f9 Protanomaly 1% of men, 0.01% of women
#90b5fd Deuteranomaly 6% of men, 0.4% of women
#78bde0 Tritanomaly 0.01% of the population

#80b6fc hex color

#80b6fc Color Information

#80b6fc Color Conversion

Color Schemes with #80b6fc

Alternatives to #80b6fc

#80b6fc Preview

Shades and Tints of #80b6fc

Tones of #80b6fc

Color Blindness Simulator