#5c80df hex color

In a RGB color space, hex #5c80df is composed of 36.1% red, 50.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 42.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 223.5 degrees, a saturation of 67.2% and a lightness of 61.8%. #5c80df color hex could be obtained by blending #b8ffff with #0001bf. Closest websafe color is: #6699cc.

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

● #5c80df color description : Soft blue.

The hexadecimal color #5c80df has RGB values of R:92, G:128, B:223 and CMYK values of C:0.59, M:0.43, Y:0, K:0.13. Its decimal value is 6062303.

Hex triplet	5c80df	`#5c80df`
RGB Decimal	92, 128, 223	`rgb(92,128,223)`
RGB Percent	36.1, 50.2, 87.5	`rgb(36.1%,50.2%,87.5%)`
CMYK	59, 43, 0, 13
HSL	223.5°, 67.2, 61.8	`hsl(223.5,67.2%,61.8%)`
HSV (or HSB)	223.5°, 58.7, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.114, 15.743, -52.367
XYZ	25.449, 23.04, 72.914
xyY	0.21, 0.19, 23.04
CIE-LCH	55.114, 54.682, 286.732
CIE-LUV	55.114, -18.085, -83.652
Hunter-Lab	48, 10.639, -56.464
Binary	01011100, 10000000, 11011111

#5c80df
```
#5c80df rgb(92,128,223)
```
#dfbb5c
```
#dfbb5c rgb(223,187,92)
```

Complementary Color

#5cc2df
```
#5cc2df rgb(92,194,223)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#7a5cdf
```
#7a5cdf rgb(122,92,223)
```

Analogous Color

#c2df5c
```
#c2df5c rgb(194,223,92)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#df7a5c
```
#df7a5c rgb(223,122,92)
```

Split Complementary Color

#80df5c
```
#80df5c rgb(128,223,92)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#df5c80
```
#df5c80 rgb(223,92,128)
```

Triadic Color

#5cdfbb
```
#5cdfbb rgb(92,223,187)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#df5c80
```
#df5c80 rgb(223,92,128)
```
#dfbb5c
```
#dfbb5c rgb(223,187,92)
```

Tetradic Color

#2753c7
```
#2753c7 rgb(39,83,199)
```
#315fd7
```
#315fd7 rgb(49,95,215)
```
#476fdb
```
#476fdb rgb(71,111,219)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#7191e3
```
#7191e3 rgb(113,145,227)
```
#87a1e7
```
#87a1e7 rgb(135,161,231)
```
#9cb2ec
```
#9cb2ec rgb(156,178,236)
```

Monochromatic Color

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

#5ca1df
```
#5ca1df rgb(92,161,223)
```
#5c96df
```
#5c96df rgb(92,150,223)
```
#5c8bdf
```
#5c8bdf rgb(92,139,223)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#5c75df
```
#5c75df rgb(92,117,223)
```
#5c6adf
```
#5c6adf rgb(92,106,223)
```
#5c5fdf
```
#5c5fdf rgb(92,95,223)
```

Similar Colors

Text with hexadecimal color #5c80df

This text has a font color of #5c80df.

<span style="color:#5c80df;">Text here</span>

#5c80df background color

This paragraph has a background color of #5c80df.

<p style="background-color:#5c80df;">Content here</p>

#5c80df border color

This element has a border color of #5c80df.

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

CSS codes

.text {color:#5c80df;}

.background {background-color:#5c80df;}

.border {border:1px solid #5c80df;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030711
```
#030711 rgb(3,7,17)
```
#070e22
```
#070e22 rgb(7,14,34)
```
#0a1532
```
#0a1532 rgb(10,21,50)
```
#0d1c43
```
#0d1c43 rgb(13,28,67)
```
#102353
```
#102353 rgb(16,35,83)
```
#142963
```
#142963 rgb(20,41,99)
```
#173074
```
#173074 rgb(23,48,116)
```
#1a3784
```
#1a3784 rgb(26,55,132)
```
#1d3e95
```
#1d3e95 rgb(29,62,149)
```
#2045a5
```
#2045a5 rgb(32,69,165)
```
#244cb5
```
#244cb5 rgb(36,76,181)
```
#2752c6
```
#2752c6 rgb(39,82,198)
```

Shade Color Variation

#2b5ad5
```
#2b5ad5 rgb(43,90,213)
```
#3b66d9
```
#3b66d9 rgb(59,102,217)
```
#4c73dc
```
#4c73dc rgb(76,115,220)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#6c8de2
```
#6c8de2 rgb(108,141,226)
```
#7d9ae5
```
#7d9ae5 rgb(125,154,229)
```
#8da6e9
```
#8da6e9 rgb(141,166,233)
```
#9eb3ec
```
#9eb3ec rgb(158,179,236)
```
#aec0ef
```
#aec0ef rgb(174,192,239)
```
#becdf2
```
#becdf2 rgb(190,205,242)
```
#cfd9f6
```
#cfd9f6 rgb(207,217,246)
```
#dfe6f9
```
#dfe6f9 rgb(223,230,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba3 is the less saturated color, while #3e72fd is the most saturated one.

#989ba3
```
#989ba3 rgb(152,155,163)
```
#9198ab
```
#9198ab rgb(145,152,171)
```
#8994b2
```
#8994b2 rgb(137,148,178)
```
#8291ba
```
#8291ba rgb(130,145,186)
```
#7a8ec1
```
#7a8ec1 rgb(122,142,193)
```
#738ac9
```
#738ac9 rgb(115,138,201)
```
#6b87d0
```
#6b87d0 rgb(107,135,208)
```
#6483d8
```
#6483d8 rgb(100,131,216)
```
#5c80df
```
#5c80df rgb(92,128,223)
```
#557de7
```
#557de7 rgb(85,125,231)
```
#4d79ee
```
#4d79ee rgb(77,121,238)
```
#4676f6
```
#4676f6 rgb(70,118,246)
```
#3e72fd
```
#3e72fd rgb(62,114,253)
```

Tone Color Variation

Below, you can see how #5c80df 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

#808080 Achromatopsia 0.005% of the population
#798093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f87e1 Protanopia 1% of men
#478bde Deuteranopia 1% of men
#3f95a0 Tritanopia 0.001% of the population

Trichromacy

#5e84e0 Protanomaly 1% of men, 0.01% of women
#4e87de Deuteranomaly 6% of men, 0.4% of women
#498db7 Tritanomaly 0.01% of the population

#5c80df hex color

#5c80df Color Information

#5c80df Color Conversion

Color Schemes with #5c80df

Alternatives to #5c80df

#5c80df Preview

Shades and Tints of #5c80df

Tones of #5c80df

Color Blindness Simulator