#80cbf9 hex color

In a RGB color space, hex #80cbf9 is composed of 50.2% red, 79.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 18.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 202.8 degrees, a saturation of 91% and a lightness of 73.9%. #80cbf9 color hex could be obtained by blending #ffffff with #0197f3. 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

● #80cbf9 color description : Soft blue.

The hexadecimal color #80cbf9 has RGB values of R:128, G:203, B:249 and CMYK values of C:0.49, M:0.18, Y:0, K:0.02. Its decimal value is 8440825.

Hex triplet	80cbf9	`#80cbf9`
RGB Decimal	128, 203, 249	`rgb(128,203,249)`
RGB Percent	50.2, 79.6, 97.6	`rgb(50.2%,79.6%,97.6%)`
CMYK	49, 18, 0, 2
HSL	202.8°, 91, 73.9	`hsl(202.8,91%,73.9%)`
HSV (or HSB)	202.8°, 48.6, 97.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.542, -11.135, -29.816
XYZ	47.353, 54.138, 97.572
xyY	0.238, 0.272, 54.138
CIE-LCH	78.542, 31.827, 249.522
CIE-LUV	78.542, -34.144, -46.39
Hunter-Lab	73.578, -13.886, -27.119
Binary	10000000, 11001011, 11111001

#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#f9ae80
```
#f9ae80 rgb(249,174,128)
```

Complementary Color

#80f9eb
```
#80f9eb rgb(128,249,235)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#808ff9
```
#808ff9 rgb(128,143,249)
```

Analogous Color

#f9eb80
```
#f9eb80 rgb(249,235,128)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#f9808f
```
#f9808f rgb(249,128,143)
```

Split Complementary Color

#cbf980
```
#cbf980 rgb(203,249,128)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#f980cb
```
#f980cb rgb(249,128,203)
```

Triadic Color

#80f9ae
```
#80f9ae rgb(128,249,174)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#f980cb
```
#f980cb rgb(249,128,203)
```
#f9ae80
```
#f9ae80 rgb(249,174,128)
```

Tetradic Color

#37adf6
```
#37adf6 rgb(55,173,246)
```
#4fb7f7
```
#4fb7f7 rgb(79,183,247)
```
#68c1f8
```
#68c1f8 rgb(104,193,248)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#98d5fa
```
#98d5fa rgb(152,213,250)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#c9e9fc
```
#c9e9fc rgb(201,233,252)
```

Monochromatic Color

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

#80e9f9
```
#80e9f9 rgb(128,233,249)
```
#80dff9
```
#80dff9 rgb(128,223,249)
```
#80d5f9
```
#80d5f9 rgb(128,213,249)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#80c1f9
```
#80c1f9 rgb(128,193,249)
```
#80b7f9
```
#80b7f9 rgb(128,183,249)
```
#80adf9
```
#80adf9 rgb(128,173,249)
```

Similar Colors

Text with hexadecimal color #80cbf9

This text has a font color of #80cbf9.

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

#80cbf9 background color

This paragraph has a background color of #80cbf9.

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

#80cbf9 border color

This element has a border color of #80cbf9.

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

CSS codes

.text {color:#80cbf9;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#010f17
```
#010f17 rgb(1,15,23)
```
#021b2a
```
#021b2a rgb(2,27,42)
```
#03263c
```
#03263c rgb(3,38,60)
```
#04324f
```
#04324f rgb(4,50,79)
```
#053e62
```
#053e62 rgb(5,62,98)
```
#064a74
```
#064a74 rgb(6,74,116)
```
#065687
```
#065687 rgb(6,86,135)
```
#07629a
```
#07629a rgb(7,98,154)
```
#086ead
```
#086ead rgb(8,110,173)
```
#097abf
```
#097abf rgb(9,122,191)
```
#0a86d2
```
#0a86d2 rgb(10,134,210)
```
#0b92e5
```
#0b92e5 rgb(11,146,229)
```

Shade Color Variation

#109df4
```
#109df4 rgb(16,157,244)
```
#22a5f5
```
#22a5f5 rgb(34,165,245)
```
#35acf5
```
#35acf5 rgb(53,172,245)
```
#48b4f6
```
#48b4f6 rgb(72,180,246)
```
#5bbcf7
```
#5bbcf7 rgb(91,188,247)
```
#6dc3f8
```
#6dc3f8 rgb(109,195,248)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#93d3fa
```
#93d3fa rgb(147,211,250)
```
#a5dafb
```
#a5dafb rgb(165,218,251)
```
#b8e2fc
```
#b8e2fc rgb(184,226,252)
```
#cbeafd
```
#cbeafd rgb(203,234,253)
```
#def1fd
```
#def1fd rgb(222,241,253)
```
#f0f9fe
```
#f0f9fe rgb(240,249,254)
```

Tint Color Variation

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

#b8bec1
```
#b8bec1 rgb(184,190,193)
```
#b3bfc6
```
#b3bfc6 rgb(179,191,198)
```
#aec0cb
```
#aec0cb rgb(174,192,203)
```
#a9c1d0
```
#a9c1d0 rgb(169,193,208)
```
#a4c2d5
```
#a4c2d5 rgb(164,194,213)
```
#9fc4da
```
#9fc4da rgb(159,196,218)
```
#9ac5df
```
#9ac5df rgb(154,197,223)
```
#94c6e5
```
#94c6e5 rgb(148,198,229)
```
#8fc7ea
```
#8fc7ea rgb(143,199,234)
```
#8ac9ef
```
#8ac9ef rgb(138,201,239)
```
#85caf4
```
#85caf4 rgb(133,202,244)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#7bccfe
```
#7bccfe rgb(123,204,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebdc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c3f2 Protanopia 1% of men
#b7c2fd Deuteranopia 1% of men
#7cd2e1 Tritanopia 0.001% of the population

Trichromacy

#a4c6f5 Protanomaly 1% of men, 0.01% of women
#a3c5fb Deuteranomaly 6% of men, 0.4% of women
#7dcfe9 Tritanomaly 0.01% of the population

#80cbf9 hex color

#80cbf9 Color Information

#80cbf9 Color Conversion

Color Schemes with #80cbf9

Alternatives to #80cbf9

#80cbf9 Preview

Shades and Tints of #80cbf9

Tones of #80cbf9

Color Blindness Simulator