#80bcfe hex color

In a RGB color space, hex #80bcfe is composed of 50.2% red, 73.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 26% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.4 degrees, a saturation of 98.4% and a lightness of 74.9%. #80bcfe color hex could be obtained by blending #ffffff with #0179fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 74
- B 100
RGB color chart
- C 50
- M 26
- Y 0
- K 0
CMYK color chart

● #80bcfe color description : Soft blue.

The hexadecimal color #80bcfe has RGB values of R:128, G:188, B:254 and CMYK values of C:0.5, M:0.26, Y:0, K:0. Its decimal value is 8436990.

Hex triplet	80bcfe	`#80bcfe`
RGB Decimal	128, 188, 254	`rgb(128,188,254)`
RGB Percent	50.2, 73.7, 99.6	`rgb(50.2%,73.7%,99.6%)`
CMYK	50, 26, 0, 0
HSL	211.4°, 98.4, 74.9	`hsl(211.4,98.4%,74.9%)`
HSV (or HSB)	211.4°, 49.6, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.641, -1.66, -38.523
XYZ	44.771, 47.709, 100.61
xyY	0.232, 0.247, 47.709
CIE-LCH	74.641, 38.559, 267.533
CIE-LUV	74.641, -28.382, -62.21
Hunter-Lab	69.072, -5.176, -38.012
Binary	10000000, 10111100, 11111110

#80bcfe
```
#80bcfe rgb(128,188,254)
```
#fec280
```
#fec280 rgb(254,194,128)
```

Complementary Color

#80fbfe
```
#80fbfe rgb(128,251,254)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#8380fe
```
#8380fe rgb(131,128,254)
```

Analogous Color

#fbfe80
```
#fbfe80 rgb(251,254,128)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#fe8380
```
#fe8380 rgb(254,131,128)
```

Split Complementary Color

#bcfe80
```
#bcfe80 rgb(188,254,128)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#fe80bc
```
#fe80bc rgb(254,128,188)
```

Triadic Color

#80fec2
```
#80fec2 rgb(128,254,194)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#fe80bc
```
#fe80bc rgb(254,128,188)
```
#fec280
```
#fec280 rgb(254,194,128)
```

Tetradic Color

#3494fd
```
#3494fd rgb(52,148,253)
```
#4da1fe
```
#4da1fe rgb(77,161,254)
```
#67affe
```
#67affe rgb(103,175,254)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#99c9fe
```
#99c9fe rgb(153,201,254)
```
#b3d7fe
```
#b3d7fe rgb(179,215,254)
```
#cce4ff
```
#cce4ff rgb(204,228,255)
```

Monochromatic Color

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

#80dcfe
```
#80dcfe rgb(128,220,254)
```
#80d1fe
```
#80d1fe rgb(128,209,254)
```
#80c7fe
```
#80c7fe rgb(128,199,254)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#80b2fe
```
#80b2fe rgb(128,178,254)
```
#80a7fe
```
#80a7fe rgb(128,167,254)
```
#809dfe
```
#809dfe rgb(128,157,254)
```

Similar Colors

Text with hexadecimal color #80bcfe

This text has a font color of #80bcfe.

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

#80bcfe background color

This paragraph has a background color of #80bcfe.

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

#80bcfe border color

This element has a border color of #80bcfe.

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

CSS codes

.text {color:#80bcfe;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#000e1d
```
#000e1d rgb(0,14,29)
```
#001730
```
#001730 rgb(0,23,48)
```
#012044
```
#012044 rgb(1,32,68)
```
#012a57
```
#012a57 rgb(1,42,87)
```
#01336b
```
#01336b rgb(1,51,107)
```
#013d7e
```
#013d7e rgb(1,61,126)
```
#014691
```
#014691 rgb(1,70,145)
```
#014fa5
```
#014fa5 rgb(1,79,165)
```
#0159b8
```
#0159b8 rgb(1,89,184)
```
#0262cc
```
#0262cc rgb(2,98,204)
```
#026bdf
```
#026bdf rgb(2,107,223)
```
#0275f3
```
#0275f3 rgb(2,117,243)
```

Shade Color Variation

#0b7efd
```
#0b7efd rgb(11,126,253)
```
#1f89fd
```
#1f89fd rgb(31,137,253)
```
#3293fd
```
#3293fd rgb(50,147,253)
```
#469dfe
```
#469dfe rgb(70,157,254)
```
#59a7fe
```
#59a7fe rgb(89,167,254)
```
#6db2fe
```
#6db2fe rgb(109,178,254)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```
#93c6fe
```
#93c6fe rgb(147,198,254)
```
#a7d1fe
```
#a7d1fe rgb(167,209,254)
```
#badbfe
```
#badbfe rgb(186,219,254)
```
#cee5ff
```
#cee5ff rgb(206,229,255)
```
#e1efff
```
#e1efff rgb(225,239,255)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#bbbfc3
```
#bbbfc3 rgb(187,191,195)
```
#b6bfc8
```
#b6bfc8 rgb(182,191,200)
```
#b1becd
```
#b1becd rgb(177,190,205)
```
#acbed2
```
#acbed2 rgb(172,190,210)
```
#a7bed7
```
#a7bed7 rgb(167,190,215)
```
#a2bedc
```
#a2bedc rgb(162,190,220)
```
#9ebde0
```
#9ebde0 rgb(158,189,224)
```
#99bde5
```
#99bde5 rgb(153,189,229)
```
#94bdea
```
#94bdea rgb(148,189,234)
```
#8fbdef
```
#8fbdef rgb(143,189,239)
```
#8abcf4
```
#8abcf4 rgb(138,188,244)
```
#85bcf9
```
#85bcf9 rgb(133,188,249)
```
#80bcfe
```
#80bcfe rgb(128,188,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a8b4c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b9f9 Protanopia 1% of men
#a1b9ff Deuteranopia 1% of men
#75c7d5 Tritanopia 0.001% of the population

Trichromacy

#98bafb Protanomaly 1% of men, 0.01% of women
#95bafe Deuteranomaly 6% of men, 0.4% of women
#79c3e4 Tritanomaly 0.01% of the population

#80bcfe hex color

#80bcfe Color Information

#80bcfe Color Conversion

Color Schemes with #80bcfe

Alternatives to #80bcfe

#80bcfe Preview

Shades and Tints of #80bcfe

Tones of #80bcfe

Color Blindness Simulator