#80cdfb hex color

In a RGB color space, hex #80cdfb is composed of 50.2% red, 80.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 18.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 202.4 degrees, a saturation of 93.9% and a lightness of 74.3%. #80cdfb color hex could be obtained by blending #ffffff with #019bf7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 80
- B 98
RGB color chart
- C 49
- M 18
- Y 0
- K 2
CMYK color chart

● #80cdfb color description : Soft blue.

The hexadecimal color #80cdfb has RGB values of R:128, G:205, B:251 and CMYK values of C:0.49, M:0.18, Y:0, K:0.02. Its decimal value is 8441339.

Hex triplet	80cdfb	`#80cdfb`
RGB Decimal	128, 205, 251	`rgb(128,205,251)`
RGB Percent	50.2, 80.4, 98.4	`rgb(50.2%,80.4%,98.4%)`
CMYK	49, 18, 0, 2
HSL	202.4°, 93.9, 74.3	`hsl(202.4,93.9%,74.3%)`
HSV (or HSB)	202.4°, 49, 98.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.164, -11.628, -29.928
XYZ	48.142, 55.214, 99.382
xyY	0.237, 0.272, 55.214
CIE-LCH	79.164, 32.108, 248.768
CIE-LUV	79.164, -34.87, -46.558
Hunter-Lab	74.306, -14.389, -27.284
Binary	10000000, 11001101, 11111011

#80cdfb
```
#80cdfb rgb(128,205,251)
```
#fbae80
```
#fbae80 rgb(251,174,128)
```

Complementary Color

#80fbec
```
#80fbec rgb(128,251,236)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#8090fb
```
#8090fb rgb(128,144,251)
```

Analogous Color

#fbec80
```
#fbec80 rgb(251,236,128)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#fb8090
```
#fb8090 rgb(251,128,144)
```

Split Complementary Color

#cdfb80
```
#cdfb80 rgb(205,251,128)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#fb80cd
```
#fb80cd rgb(251,128,205)
```

Triadic Color

#80fbae
```
#80fbae rgb(128,251,174)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#fb80cd
```
#fb80cd rgb(251,128,205)
```
#fbae80
```
#fbae80 rgb(251,174,128)
```

Tetradic Color

#36b0f9
```
#36b0f9 rgb(54,176,249)
```
#4fbaf9
```
#4fbaf9 rgb(79,186,249)
```
#67c3fa
```
#67c3fa rgb(103,195,250)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#99d7fc
```
#99d7fc rgb(153,215,252)
```
#b1e0fd
```
#b1e0fd rgb(177,224,253)
```
#caeafd
```
#caeafd rgb(202,234,253)
```

Monochromatic Color

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

#80ecfb
```
#80ecfb rgb(128,236,251)
```
#80e2fb
```
#80e2fb rgb(128,226,251)
```
#80d7fb
```
#80d7fb rgb(128,215,251)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#80c3fb
```
#80c3fb rgb(128,195,251)
```
#80b9fb
```
#80b9fb rgb(128,185,251)
```
#80aefb
```
#80aefb rgb(128,174,251)
```

Similar Colors

Text with hexadecimal color #80cdfb

This text has a font color of #80cdfb.

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

#80cdfb background color

This paragraph has a background color of #80cdfb.

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

#80cdfb border color

This element has a border color of #80cdfb.

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

CSS codes

.text {color:#80cdfb;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011019
```
#011019 rgb(1,16,25)
```
#011c2c
```
#011c2c rgb(1,28,44)
```
#02283f
```
#02283f rgb(2,40,63)
```
#033452
```
#033452 rgb(3,52,82)
```
#034165
```
#034165 rgb(3,65,101)
```
#044d78
```
#044d78 rgb(4,77,120)
```
#04598b
```
#04598b rgb(4,89,139)
```
#05659e
```
#05659e rgb(5,101,158)
```
#0671b1
```
#0671b1 rgb(6,113,177)
```
#067dc4
```
#067dc4 rgb(6,125,196)
```
#0789d7
```
#0789d7 rgb(7,137,215)
```
#0795ea
```
#0795ea rgb(7,149,234)
```

Shade Color Variation

#0ea0f7
```
#0ea0f7 rgb(14,160,247)
```
#21a8f8
```
#21a8f8 rgb(33,168,248)
```
#34aff9
```
#34aff9 rgb(52,175,249)
```
#47b7f9
```
#47b7f9 rgb(71,183,249)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#6dc6fa
```
#6dc6fa rgb(109,198,250)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#93d4fc
```
#93d4fc rgb(147,212,252)
```
#a6dcfc
```
#a6dcfc rgb(166,220,252)
```
#b9e3fd
```
#b9e3fd rgb(185,227,253)
```
#ccebfd
```
#ccebfd rgb(204,235,253)
```
#dff2fe
```
#dff2fe rgb(223,242,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#bcbebf
```
#bcbebf rgb(188,190,191)
```
#b7bfc4
```
#b7bfc4 rgb(183,191,196)
```
#b2c0c9
```
#b2c0c9 rgb(178,192,201)
```
#adc2ce
```
#adc2ce rgb(173,194,206)
```
#a8c3d3
```
#a8c3d3 rgb(168,195,211)
```
#a3c4d8
```
#a3c4d8 rgb(163,196,216)
```
#9ec5dd
```
#9ec5dd rgb(158,197,221)
```
#99c7e2
```
#99c7e2 rgb(153,199,226)
```
#94c8e7
```
#94c8e7 rgb(148,200,231)
```
#8fc9ec
```
#8fc9ec rgb(143,201,236)
```
#8acaf1
```
#8acaf1 rgb(138,202,241)
```
#85ccf6
```
#85ccf6 rgb(133,204,246)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#afbfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac5f4 Protanopia 1% of men
#b9c4ff Deuteranopia 1% of men
#7cd3e3 Tritanopia 0.001% of the population

Trichromacy

#a5c8f6 Protanomaly 1% of men, 0.01% of women
#a4c7fd Deuteranomaly 6% of men, 0.4% of women
#7dd1ec Tritanomaly 0.01% of the population

#80cdfb hex color

#80cdfb Color Information

#80cdfb Color Conversion

Color Schemes with #80cdfb

Alternatives to #80cdfb

#80cdfb Preview

Shades and Tints of #80cdfb

Tones of #80cdfb

Color Blindness Simulator