#80b6f2 hex color

In a RGB color space, hex #80b6f2 is composed of 50.2% red, 71.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 24.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.6 degrees, a saturation of 81.4% and a lightness of 72.5%. #80b6f2 color hex could be obtained by blending #ffffff with #016de5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 71
- B 95
RGB color chart
- C 47
- M 25
- Y 0
- K 5
CMYK color chart

● #80b6f2 color description : Soft blue.

The hexadecimal color #80b6f2 has RGB values of R:128, G:182, B:242 and CMYK values of C:0.47, M:0.25, Y:0, K:0.05. Its decimal value is 8435442.

Hex triplet	80b6f2	`#80b6f2`
RGB Decimal	128, 182, 242	`rgb(128,182,242)`
RGB Percent	50.2, 71.4, 94.9	`rgb(50.2%,71.4%,94.9%)`
CMYK	47, 25, 0, 5
HSL	211.6°, 81.4, 72.5	`hsl(211.6,81.4%,72.5%)`
HSV (or HSB)	211.6°, 47.1, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.531, -1.811, -35.325
XYZ	41.653, 44.454, 90.385
xyY	0.236, 0.252, 44.454
CIE-LCH	72.531, 35.371, 267.065
CIE-LUV	72.531, -26.174, -56.505
Hunter-Lab	66.674, -5.164, -33.704
Binary	10000000, 10110110, 11110010

#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#f2bc80
```
#f2bc80 rgb(242,188,128)
```

Complementary Color

#80eff2
```
#80eff2 rgb(128,239,242)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#8380f2
```
#8380f2 rgb(131,128,242)
```

Analogous Color

#eff280
```
#eff280 rgb(239,242,128)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#f28380
```
#f28380 rgb(242,131,128)
```

Split Complementary Color

#b6f280
```
#b6f280 rgb(182,242,128)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#f280b6
```
#f280b6 rgb(242,128,182)
```

Triadic Color

#80f2bc
```
#80f2bc rgb(128,242,188)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#f280b6
```
#f280b6 rgb(242,128,182)
```
#f2bc80
```
#f2bc80 rgb(242,188,128)
```

Tetradic Color

#3b8eeb
```
#3b8eeb rgb(59,142,235)
```
#529bed
```
#529bed rgb(82,155,237)
```
#69a9f0
```
#69a9f0 rgb(105,169,240)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#97c3f4
```
#97c3f4 rgb(151,195,244)
```
#aed1f7
```
#aed1f7 rgb(174,209,247)
```
#c5def9
```
#c5def9 rgb(197,222,249)
```

Monochromatic Color

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

#80d3f2
```
#80d3f2 rgb(128,211,242)
```
#80c9f2
```
#80c9f2 rgb(128,201,242)
```
#80c0f2
```
#80c0f2 rgb(128,192,242)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#80adf2
```
#80adf2 rgb(128,173,242)
```
#80a3f2
```
#80a3f2 rgb(128,163,242)
```
#809af2
```
#809af2 rgb(128,154,242)
```

Similar Colors

Text with hexadecimal color #80b6f2

This text has a font color of #80b6f2.

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

#80b6f2 background color

This paragraph has a background color of #80b6f2.

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

#80b6f2 border color

This element has a border color of #80b6f2.

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

CSS codes

.text {color:#80b6f2;}

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

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

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#031121
```
#031121 rgb(3,17,33)
```
#051b33
```
#051b33 rgb(5,27,51)
```
#072445
```
#072445 rgb(7,36,69)
```
#092e57
```
#092e57 rgb(9,46,87)
```
#0b3768
```
#0b3768 rgb(11,55,104)
```
#0d407a
```
#0d407a rgb(13,64,122)
```
#0e4a8c
```
#0e4a8c rgb(14,74,140)
```
#10539e
```
#10539e rgb(16,83,158)
```
#125daf
```
#125daf rgb(18,93,175)
```
#1466c1
```
#1466c1 rgb(20,102,193)
```
#166fd3
```
#166fd3 rgb(22,111,211)
```
#1779e5
```
#1779e5 rgb(23,121,229)
```

Shade Color Variation

#2783e9
```
#2783e9 rgb(39,131,233)
```
#398deb
```
#398deb rgb(57,141,235)
```
#4b97ed
```
#4b97ed rgb(75,151,237)
```
#5ca2ee
```
#5ca2ee rgb(92,162,238)
```
#6eacf0
```
#6eacf0 rgb(110,172,240)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#92c0f4
```
#92c0f4 rgb(146,192,244)
```
#a4caf6
```
#a4caf6 rgb(164,202,246)
```
#b5d5f7
```
#b5d5f7 rgb(181,213,247)
```
#c7dff9
```
#c7dff9 rgb(199,223,249)
```
#d9e9fb
```
#d9e9fb rgb(217,233,251)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b6b9bc
```
#b6b9bc rgb(182,185,188)
```
#b0b9c2
```
#b0b9c2 rgb(176,185,194)
```
#abb8c7
```
#abb8c7 rgb(171,184,199)
```
#a6b8cc
```
#a6b8cc rgb(166,184,204)
```
#a0b8d2
```
#a0b8d2 rgb(160,184,210)
```
#9bb7d7
```
#9bb7d7 rgb(155,183,215)
```
#96b7dc
```
#96b7dc rgb(150,183,220)
```
#90b7e2
```
#90b7e2 rgb(144,183,226)
```
#8bb7e7
```
#8bb7e7 rgb(139,183,231)
```
#85b6ed
```
#85b6ed rgb(133,182,237)
```
#80b6f2
```
#80b6f2 rgb(128,182,242)
```
#7bb6f7
```
#7bb6f7 rgb(123,182,247)
```
#75b5fd
```
#75b5fd rgb(117,181,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b3ee Protanopia 1% of men
#9fb3f4 Deuteranopia 1% of men
#78c0ce Tritanopia 0.001% of the population

Trichromacy

#96b4ef Protanomaly 1% of men, 0.01% of women
#94b4f3 Deuteranomaly 6% of men, 0.4% of women
#7bbcdb Tritanomaly 0.01% of the population

#80b6f2 hex color

#80b6f2 Color Information

#80b6f2 Color Conversion

Color Schemes with #80b6f2

Alternatives to #80b6f2

#80b6f2 Preview

Shades and Tints of #80b6f2

Tones of #80b6f2

Color Blindness Simulator