#80cfff hex color

In a RGB color space, hex #80cfff is composed of 50.2% red, 81.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 18.8% magenta, 0% yellow and 0% black. It has a hue angle of 202.7 degrees, a saturation of 100% and a lightness of 75.1%. #80cfff color hex could be obtained by blending #ffffff with #019fff. Closest websafe color is: #99ccff.

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

● #80cfff color description : Very light blue.

The hexadecimal color #80cfff has RGB values of R:128, G:207, B:255 and CMYK values of C:0.5, M:0.19, Y:0, K:0. Its decimal value is 8441855.

Hex triplet	80cfff	`#80cfff`
RGB Decimal	128, 207, 255	`rgb(128,207,255)`
RGB Percent	50.2, 81.2, 100	`rgb(50.2%,81.2%,100%)`
CMYK	50, 19, 0, 0
HSL	202.7°, 100, 75.1	`hsl(202.7,100%,75.1%)`
HSV (or HSB)	202.7°, 49.8, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.859, -11.558, -30.993
XYZ	49.261, 56.432, 102.899
xyY	0.236, 0.271, 56.432
CIE-LCH	79.859, 33.078, 249.548
CIE-LUV	79.859, -35.55, -48.436
Hunter-Lab	75.121, -14.411, -28.629
Binary	10000000, 11001111, 11111111

#80cfff
```
#80cfff rgb(128,207,255)
```
#ffb080
```
#ffb080 rgb(255,176,128)
```

Complementary Color

#80fff0
```
#80fff0 rgb(128,255,240)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#8090ff
```
#8090ff rgb(128,144,255)
```

Analogous Color

#fff080
```
#fff080 rgb(255,240,128)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#ff8090
```
#ff8090 rgb(255,128,144)
```

Split Complementary Color

#cfff80
```
#cfff80 rgb(207,255,128)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#ff80cf
```
#ff80cf rgb(255,128,207)
```

Triadic Color

#80ffb0
```
#80ffb0 rgb(128,255,176)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#ff80cf
```
#ff80cf rgb(255,128,207)
```
#ffb080
```
#ffb080 rgb(255,176,128)
```

Tetradic Color

#34b2ff
```
#34b2ff rgb(52,178,255)
```
#4dbcff
```
#4dbcff rgb(77,188,255)
```
#67c5ff
```
#67c5ff rgb(103,197,255)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#9ad9ff
```
#9ad9ff rgb(154,217,255)
```
#b3e2ff
```
#b3e2ff rgb(179,226,255)
```
#cdecff
```
#cdecff rgb(205,236,255)
```

Monochromatic Color

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

#80efff
```
#80efff rgb(128,239,255)
```
#80e4ff
```
#80e4ff rgb(128,228,255)
```
#80daff
```
#80daff rgb(128,218,255)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#80c4ff
```
#80c4ff rgb(128,196,255)
```
#80baff
```
#80baff rgb(128,186,255)
```
#80afff
```
#80afff rgb(128,175,255)
```

Similar Colors

Text with hexadecimal color #80cfff

This text has a font color of #80cfff.

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

#80cfff background color

This paragraph has a background color of #80cfff.

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

#80cfff border color

This element has a border color of #80cfff.

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

CSS codes

.text {color:#80cfff;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00131e
```
#00131e rgb(0,19,30)
```
#001f32
```
#001f32 rgb(0,31,50)
```
#002b45
```
#002b45 rgb(0,43,69)
```
#003759
```
#003759 rgb(0,55,89)
```
#00436c
```
#00436c rgb(0,67,108)
```
#005080
```
#005080 rgb(0,80,128)
```
#005c94
```
#005c94 rgb(0,92,148)
```
#0068a7
```
#0068a7 rgb(0,104,167)
```
#0074bb
```
#0074bb rgb(0,116,187)
```
#0080ce
```
#0080ce rgb(0,128,206)
```
#008de2
```
#008de2 rgb(0,141,226)
```
#0099f6
```
#0099f6 rgb(0,153,246)
```

Shade Color Variation

#0aa3ff
```
#0aa3ff rgb(10,163,255)
```
#1eaaff
```
#1eaaff rgb(30,170,255)
```
#32b1ff
```
#32b1ff rgb(50,177,255)
```
#45b9ff
```
#45b9ff rgb(69,185,255)
```
#59c0ff
```
#59c0ff rgb(89,192,255)
```
#6cc8ff
```
#6cc8ff rgb(108,200,255)
```
#80cfff
```
#80cfff rgb(128,207,255)
```
#94d6ff
```
#94d6ff rgb(148,214,255)
```
#a7deff
```
#a7deff rgb(167,222,255)
```
#bbe5ff
```
#bbe5ff rgb(187,229,255)
```
#ceedff
```
#ceedff rgb(206,237,255)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#bbc1c4
```
#bbc1c4 rgb(187,193,196)
```
#b6c2c9
```
#b6c2c9 rgb(182,194,201)
```
#b1c3ce
```
#b1c3ce rgb(177,195,206)
```
#acc4d3
```
#acc4d3 rgb(172,196,211)
```
#a7c5d8
```
#a7c5d8 rgb(167,197,216)
```
#a2c7dd
```
#a2c7dd rgb(162,199,221)
```
#9dc8e2
```
#9dc8e2 rgb(157,200,226)
```
#98c9e7
```
#98c9e7 rgb(152,201,231)
```
#94caeb
```
#94caeb rgb(148,202,235)
```
#8fcbf0
```
#8fcbf0 rgb(143,203,240)
```
#8acdf5
```
#8acdf5 rgb(138,205,245)
```
#85cefa
```
#85cefa rgb(133,206,250)
```
#80cfff
```
#80cfff rgb(128,207,255)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b1c1ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc6f8 Protanopia 1% of men
#bac6ff Deuteranopia 1% of men
#7bd6e5 Tritanopia 0.001% of the population

Trichromacy

#a6c9fa Protanomaly 1% of men, 0.01% of women
#a5c9ff Deuteranomaly 6% of men, 0.4% of women
#7dd3ee Tritanomaly 0.01% of the population

#80cfff hex color

#80cfff Color Information

#80cfff Color Conversion

Color Schemes with #80cfff

Alternatives to #80cfff

#80cfff Preview

Shades and Tints of #80cfff

Tones of #80cfff

Color Blindness Simulator