#80defe hex color

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

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

● #80defe color description : Soft blue.

The hexadecimal color #80defe has RGB values of R:128, G:222, B:254 and CMYK values of C:0.5, M:0.13, Y:0, K:0. Its decimal value is 8445694.

Hex triplet	80defe	`#80defe`
RGB Decimal	128, 222, 254	`rgb(128,222,254)`
RGB Percent	50.2, 87.1, 99.6	`rgb(50.2%,87.1%,99.6%)`
CMYK	50, 13, 0, 0
HSL	195.2°, 98.4, 74.9	`hsl(195.2,98.4%,74.9%)`
HSV (or HSB)	195.2°, 49.6, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.958, -19.546, -24.195
XYZ	52.908, 63.984, 103.323
xyY	0.24, 0.291, 63.984
CIE-LCH	83.958, 31.104, 231.067
CIE-LUV	83.958, -41.292, -35.964
Hunter-Lab	79.99, -21.917, -20.591
Binary	10000000, 11011110, 11111110

#80defe
```
#80defe rgb(128,222,254)
```
#fea080
```
#fea080 rgb(254,160,128)
```

Complementary Color

#80fedf
```
#80fedf rgb(128,254,223)
```
#80defe
```
#80defe rgb(128,222,254)
```
#809ffe
```
#809ffe rgb(128,159,254)
```

Analogous Color

#fedf80
```
#fedf80 rgb(254,223,128)
```
#80defe
```
#80defe rgb(128,222,254)
```
#fe809f
```
#fe809f rgb(254,128,159)
```

Split Complementary Color

#defe80
```
#defe80 rgb(222,254,128)
```
#80defe
```
#80defe rgb(128,222,254)
```
#fe80de
```
#fe80de rgb(254,128,222)
```

Triadic Color

#80fea0
```
#80fea0 rgb(128,254,160)
```
#80defe
```
#80defe rgb(128,222,254)
```
#fe80de
```
#fe80de rgb(254,128,222)
```
#fea080
```
#fea080 rgb(254,160,128)
```

Tetradic Color

#34cafd
```
#34cafd rgb(52,202,253)
```
#4dd1fe
```
#4dd1fe rgb(77,209,254)
```
#67d7fe
```
#67d7fe rgb(103,215,254)
```
#80defe
```
#80defe rgb(128,222,254)
```
#99e5fe
```
#99e5fe rgb(153,229,254)
```
#b3ebfe
```
#b3ebfe rgb(179,235,254)
```
#ccf2ff
```
#ccf2ff rgb(204,242,255)
```

Monochromatic Color

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

#80fefe
```
#80fefe rgb(128,254,254)
```
#80f3fe
```
#80f3fe rgb(128,243,254)
```
#80e9fe
```
#80e9fe rgb(128,233,254)
```
#80defe
```
#80defe rgb(128,222,254)
```
#80d4fe
```
#80d4fe rgb(128,212,254)
```
#80c9fe
```
#80c9fe rgb(128,201,254)
```
#80bffe
```
#80bffe rgb(128,191,254)
```

Similar Colors

Text with hexadecimal color #80defe

This text has a font color of #80defe.

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

#80defe background color

This paragraph has a background color of #80defe.

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

#80defe border color

This element has a border color of #80defe.

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

CSS codes

.text {color:#80defe;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#00151d
```
#00151d rgb(0,21,29)
```
#002430
```
#002430 rgb(0,36,48)
```
#013344
```
#013344 rgb(1,51,68)
```
#014157
```
#014157 rgb(1,65,87)
```
#01506b
```
#01506b rgb(1,80,107)
```
#015e7e
```
#015e7e rgb(1,94,126)
```
#016d91
```
#016d91 rgb(1,109,145)
```
#017ba5
```
#017ba5 rgb(1,123,165)
```
#018ab8
```
#018ab8 rgb(1,138,184)
```
#0298cc
```
#0298cc rgb(2,152,204)
```
#02a7df
```
#02a7df rgb(2,167,223)
```
#02b6f3
```
#02b6f3 rgb(2,182,243)
```

Shade Color Variation

#0bc0fd
```
#0bc0fd rgb(11,192,253)
```
#1fc5fd
```
#1fc5fd rgb(31,197,253)
```
#32cafd
```
#32cafd rgb(50,202,253)
```
#46cffe
```
#46cffe rgb(70,207,254)
```
#59d4fe
```
#59d4fe rgb(89,212,254)
```
#6dd9fe
```
#6dd9fe rgb(109,217,254)
```
#80defe
```
#80defe rgb(128,222,254)
```
#93e3fe
```
#93e3fe rgb(147,227,254)
```
#a7e8fe
```
#a7e8fe rgb(167,232,254)
```
#baedfe
```
#baedfe rgb(186,237,254)
```
#cef2ff
```
#cef2ff rgb(206,242,255)
```
#e1f7ff
```
#e1f7ff rgb(225,247,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#bbc1c3
```
#bbc1c3 rgb(187,193,195)
```
#b6c3c8
```
#b6c3c8 rgb(182,195,200)
```
#b1c6cd
```
#b1c6cd rgb(177,198,205)
```
#acc8d2
```
#acc8d2 rgb(172,200,210)
```
#a7cbd7
```
#a7cbd7 rgb(167,203,215)
```
#a2cddc
```
#a2cddc rgb(162,205,220)
```
#9ecfe0
```
#9ecfe0 rgb(158,207,224)
```
#99d2e5
```
#99d2e5 rgb(153,210,229)
```
#94d4ea
```
#94d4ea rgb(148,212,234)
```
#8fd7ef
```
#8fd7ef rgb(143,215,239)
```
#8ad9f4
```
#8ad9f4 rgb(138,217,244)
```
#85dcf9
```
#85dcf9 rgb(133,220,249)
```
#80defe
```
#80defe rgb(128,222,254)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b8cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd2f5 Protanopia 1% of men
#cdd0ff Deuteranopia 1% of men
#81e1f2 Tritanopia 0.001% of the population

Trichromacy

#b0d6f8 Protanomaly 1% of men, 0.01% of women
#b1d5fe Deuteranomaly 6% of men, 0.4% of women
#81e0f6 Tritanomaly 0.01% of the population

#80defe hex color

#80defe Color Information

#80defe Color Conversion

Color Schemes with #80defe

Alternatives to #80defe

#80defe Preview

Shades and Tints of #80defe

Tones of #80defe

Color Blindness Simulator