#80caf4 Color Information

In a RGB color space, hex #80caf4 is composed of 50.2% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 201.7 degrees, a saturation of 84.1% and a lightness of 72.9%. #80caf4 color hex could be obtained by blending #ffffff with #0195e9. Closest websafe color is: #99ccff.

    • R 50
    • G 79
    • B 96
    RGB color chart
    • C 48
    • M 17
    • Y 0
    • K 4
    CMYK color chart

#80caf4 color description : Soft blue.

#80caf4 Color Conversion

The hexadecimal color #80caf4 has RGB values of R:128, G:202, B:244 and CMYK values of C:0.48, M:0.17, Y:0, K:0.04. Its decimal value is 8440564.

Hex triplet 80caf4 #80caf4
RGB Decimal 128, 202, 244 rgb(128,202,244)
RGB Percent 50.2, 79.2, 95.7 rgb(50.2%,79.2%,95.7%)
CMYK 48, 17, 0, 4
HSL 201.7°, 84.1, 72.9 hsl(201.7,84.1%,72.9%)
HSV (or HSB) 201.7°, 47.5, 95.7
Web Safe 99ccff #99ccff
CIE-LAB 78.087, -11.996, -27.84
XYZ 46.348, 53.359, 93.44
xyY 0.24, 0.276, 53.359
CIE-LCH 78.087, 30.315, 246.69
CIE-LUV 78.087, -33.853, -42.88
Hunter-Lab 73.047, -14.577, -24.709
Binary 10000000, 11001010, 11110100

Color Schemes with #80caf4

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #80caf4

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

Similar Colors

#80caf4 Preview

Text with hexadecimal color #80caf4

This text has a font color of #80caf4.

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

This paragraph has a background color of #80caf4.

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

This element has a border color of #80caf4.

<div style="border:1px solid #80caf4;">Content here</div>
CSS codes
.text {color:#80caf4;}
.background {background-color:#80caf4;}
.border {border:1px solid #80caf4;}

Shades and Tints of #80caf4

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, #020c11 is the darkest color, while #feffff is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #80caf4

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

Tone Color Variation

Color Blindness Simulator

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

  • #b9b9b9 Achromatopsia 0.005% of the population
  • #aebcc5 Atypical Achromatopsia 0.001% of the population
  • #b9c2ee Protanopia 1% of men
  • #b8c1f8 Deuteranopia 1% of men
  • #7ed0df Tritanopia 0.001% of the population
  • #a4c5f0 Protanomaly 1% of men, 0.01% of women
  • #a4c4f7 Deuteranomaly 6% of men, 0.4% of women
  • #7ecee7 Tritanomaly 0.01% of the population