#80b7f7 hex color

In a RGB color space, hex #80b7f7 is composed of 50.2% red, 71.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 25.9% magenta, 0% yellow and 3.1% black. It has a hue angle of 212.3 degrees, a saturation of 88.1% and a lightness of 73.5%. #80b7f7 color hex could be obtained by blending #ffffff with #016fef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 72
- B 97
RGB color chart
- C 48
- M 26
- Y 0
- K 3
CMYK color chart

● #80b7f7 color description : Soft blue.

The hexadecimal color #80b7f7 has RGB values of R:128, G:183, B:247 and CMYK values of C:0.48, M:0.26, Y:0, K:0.03. Its decimal value is 8435703.

Hex triplet	80b7f7	`#80b7f7`
RGB Decimal	128, 183, 247	`rgb(128,183,247)`
RGB Percent	50.2, 71.8, 96.9	`rgb(50.2%,71.8%,96.9%)`
CMYK	48, 26, 0, 3
HSL	212.3°, 88.1, 73.5	`hsl(212.3,88.1%,73.5%)`
HSV (or HSB)	212.3°, 48.2, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.003, -0.931, -37.296
XYZ	42.62, 45.169, 94.463
xyY	0.234, 0.248, 45.169
CIE-LCH	73.003, 37.308, 268.569
CIE-LUV	73.003, -26.537, -60.027
Hunter-Lab	67.208, -4.418, -36.288
Binary	10000000, 10110111, 11110111

#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#f7c080
```
#f7c080 rgb(247,192,128)
```

Complementary Color

#80f3f7
```
#80f3f7 rgb(128,243,247)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#8580f7
```
#8580f7 rgb(133,128,247)
```

Analogous Color

#f3f780
```
#f3f780 rgb(243,247,128)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#f78580
```
#f78580 rgb(247,133,128)
```

Split Complementary Color

#b7f780
```
#b7f780 rgb(183,247,128)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#f780b7
```
#f780b7 rgb(247,128,183)
```

Triadic Color

#80f7c0
```
#80f7c0 rgb(128,247,192)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#f780b7
```
#f780b7 rgb(247,128,183)
```
#f7c080
```
#f7c080 rgb(247,192,128)
```

Tetradic Color

#388ef2
```
#388ef2 rgb(56,142,242)
```
#509cf4
```
#509cf4 rgb(80,156,244)
```
#68a9f5
```
#68a9f5 rgb(104,169,245)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#98c5f9
```
#98c5f9 rgb(152,197,249)
```
#b0d2fa
```
#b0d2fa rgb(176,210,250)
```
#c8e0fc
```
#c8e0fc rgb(200,224,252)
```

Monochromatic Color

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

#80d5f7
```
#80d5f7 rgb(128,213,247)
```
#80cbf7
```
#80cbf7 rgb(128,203,247)
```
#80c1f7
```
#80c1f7 rgb(128,193,247)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#80adf7
```
#80adf7 rgb(128,173,247)
```
#80a3f7
```
#80a3f7 rgb(128,163,247)
```
#8099f7
```
#8099f7 rgb(128,153,247)
```

Similar Colors

Text with hexadecimal color #80b7f7

This text has a font color of #80b7f7.

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

#80b7f7 background color

This paragraph has a background color of #80b7f7.

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

#80b7f7 border color

This element has a border color of #80b7f7.

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

CSS codes

.text {color:#80b7f7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021327
```
#021327 rgb(2,19,39)
```
#041d3a
```
#041d3a rgb(4,29,58)
```
#05264c
```
#05264c rgb(5,38,76)
```
#062f5e
```
#062f5e rgb(6,47,94)
```
#073871
```
#073871 rgb(7,56,113)
```
#084183
```
#084183 rgb(8,65,131)
```
#094a96
```
#094a96 rgb(9,74,150)
```
#0b53a8
```
#0b53a8 rgb(11,83,168)
```
#0c5dbb
```
#0c5dbb rgb(12,93,187)
```
#0d66cd
```
#0d66cd rgb(13,102,205)
```
#0e6fe0
```
#0e6fe0 rgb(14,111,224)
```

Shade Color Variation

#1178f0
```
#1178f0 rgb(17,120,240)
```
#2483f1
```
#2483f1 rgb(36,131,241)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#4998f4
```
#4998f4 rgb(73,152,244)
```
#5ba2f5
```
#5ba2f5 rgb(91,162,245)
```
#6eadf6
```
#6eadf6 rgb(110,173,246)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#92c1f8
```
#92c1f8 rgb(146,193,248)
```
#a5ccf9
```
#a5ccf9 rgb(165,204,249)
```
#b7d6fa
```
#b7d6fa rgb(183,214,250)
```
#cae1fc
```
#cae1fc rgb(202,225,252)
```
#dcebfd
```
#dcebfd rgb(220,235,253)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

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

#b9bbbe
```
#b9bbbe rgb(185,187,190)
```
#b4bbc3
```
#b4bbc3 rgb(180,187,195)
```
#afbbc8
```
#afbbc8 rgb(175,187,200)
```
#aabacd
```
#aabacd rgb(170,186,205)
```
#a4bad3
```
#a4bad3 rgb(164,186,211)
```
#9fb9d8
```
#9fb9d8 rgb(159,185,216)
```
#9ab9dd
```
#9ab9dd rgb(154,185,221)
```
#95b9e2
```
#95b9e2 rgb(149,185,226)
```
#90b8e7
```
#90b8e7 rgb(144,184,231)
```
#8ab8ed
```
#8ab8ed rgb(138,184,237)
```
#85b7f2
```
#85b7f2 rgb(133,183,242)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#7bb7fc
```
#7bb7fc rgb(123,183,252)
```

Tone Color Variation

Below, you can see how #80b7f7 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
#a5b0bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b4f3 Protanopia 1% of men
#9eb5f9 Deuteranopia 1% of men
#77c2d0 Tritanopia 0.001% of the population

Trichromacy

#96b5f4 Protanomaly 1% of men, 0.01% of women
#93b5f8 Deuteranomaly 6% of men, 0.4% of women
#7abede Tritanomaly 0.01% of the population

#80b7f7 hex color

#80b7f7 Color Information

#80b7f7 Color Conversion

Color Schemes with #80b7f7

Alternatives to #80b7f7

#80b7f7 Preview

Shades and Tints of #80b7f7

Tones of #80b7f7

Color Blindness Simulator