#5c80da hex color

In a RGB color space, hex #5c80da is composed of 36.1% red, 50.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 41.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 222.9 degrees, a saturation of 63% and a lightness of 60.8%. #5c80da color hex could be obtained by blending #b8ffff with #0001b5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 85
RGB color chart
- C 58
- M 41
- Y 0
- K 15
CMYK color chart

● #5c80da color description : Soft blue.

The hexadecimal color #5c80da has RGB values of R:92, G:128, B:218 and CMYK values of C:0.58, M:0.41, Y:0, K:0.15. Its decimal value is 6062298.

Hex triplet	5c80da	`#5c80da`
RGB Decimal	92, 128, 218	`rgb(92,128,218)`
RGB Percent	36.1, 50.2, 85.5	`rgb(36.1%,50.2%,85.5%)`
CMYK	58, 41, 0, 15
HSL	222.9°, 63, 60.8	`hsl(222.9,63%,60.8%)`
HSV (or HSB)	222.9°, 57.8, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.839, 14.097, -49.996
XYZ	24.785, 22.774, 69.416
xyY	0.212, 0.195, 22.774
CIE-LCH	54.839, 51.945, 285.747
CIE-LUV	54.839, -18.048, -79.596
Hunter-Lab	47.722, 9.191, -52.836
Binary	01011100, 10000000, 11011010

#5c80da
```
#5c80da rgb(92,128,218)
```
#dab65c
```
#dab65c rgb(218,182,92)
```

Complementary Color

#5cbfda
```
#5cbfda rgb(92,191,218)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#775cda
```
#775cda rgb(119,92,218)
```

Analogous Color

#bfda5c
```
#bfda5c rgb(191,218,92)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#da775c
```
#da775c rgb(218,119,92)
```

Split Complementary Color

#80da5c
```
#80da5c rgb(128,218,92)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#da5c80
```
#da5c80 rgb(218,92,128)
```

Triadic Color

#5cdab6
```
#5cdab6 rgb(92,218,182)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#da5c80
```
#da5c80 rgb(218,92,128)
```
#dab65c
```
#dab65c rgb(218,182,92)
```

Tetradic Color

#2b55be
```
#2b55be rgb(43,85,190)
```
#3260d1
```
#3260d1 rgb(50,96,209)
```
#4770d5
```
#4770d5 rgb(71,112,213)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#7190df
```
#7190df rgb(113,144,223)
```
#86a0e3
```
#86a0e3 rgb(134,160,227)
```
#9ab1e8
```
#9ab1e8 rgb(154,177,232)
```

Monochromatic Color

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

#5ca0da
```
#5ca0da rgb(92,160,218)
```
#5c95da
```
#5c95da rgb(92,149,218)
```
#5c8bda
```
#5c8bda rgb(92,139,218)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#5c76da
```
#5c76da rgb(92,118,218)
```
#5c6bda
```
#5c6bda rgb(92,107,218)
```
#5c61da
```
#5c61da rgb(92,97,218)
```

Similar Colors

Text with hexadecimal color #5c80da

This text has a font color of #5c80da.

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

#5c80da background color

This paragraph has a background color of #5c80da.

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

#5c80da border color

This element has a border color of #5c80da.

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

CSS codes

.text {color:#5c80da;}

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

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

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, #03060d is the darkest color, while #fcfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#070d1d
```
#070d1d rgb(7,13,29)
```
#0a142d
```
#0a142d rgb(10,20,45)
```
#0e1b3d
```
#0e1b3d rgb(14,27,61)
```
#11224d
```
#11224d rgb(17,34,77)
```
#152a5d
```
#152a5d rgb(21,42,93)
```
#19316d
```
#19316d rgb(25,49,109)
```
#1c387d
```
#1c387d rgb(28,56,125)
```
#203f8d
```
#203f8d rgb(32,63,141)
```
#24469d
```
#24469d rgb(36,70,157)
```
#274dad
```
#274dad rgb(39,77,173)
```
#2b55bd
```
#2b55bd rgb(43,85,189)
```
#2e5ccd
```
#2e5ccd rgb(46,92,205)
```

Shade Color Variation

#3c67d3
```
#3c67d3 rgb(60,103,211)
```
#4c74d6
```
#4c74d6 rgb(76,116,214)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#6c8cde
```
#6c8cde rgb(108,140,222)
```
#7c99e1
```
#7c99e1 rgb(124,153,225)
```
#8ca5e5
```
#8ca5e5 rgb(140,165,229)
```
#9cb2e9
```
#9cb2e9 rgb(156,178,233)
```
#acbeec
```
#acbeec rgb(172,190,236)
```
#bccbf0
```
#bccbf0 rgb(188,203,240)
```
#ccd7f3
```
#ccd7f3 rgb(204,215,243)
```
#dce4f7
```
#dce4f7 rgb(220,228,247)
```
#ecf0fb
```
#ecf0fb rgb(236,240,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#9a9a9c
```
#9a9a9c rgb(154,154,156)
```
#9297a4
```
#9297a4 rgb(146,151,164)
```
#8a94ac
```
#8a94ac rgb(138,148,172)
```
#8290b4
```
#8290b4 rgb(130,144,180)
```
#7b8dbb
```
#7b8dbb rgb(123,141,187)
```
#738ac3
```
#738ac3 rgb(115,138,195)
```
#6b87cb
```
#6b87cb rgb(107,135,203)
```
#6483d2
```
#6483d2 rgb(100,131,210)
```
#5c80da
```
#5c80da rgb(92,128,218)
```
#547de2
```
#547de2 rgb(84,125,226)
```
#4d79e9
```
#4d79e9 rgb(77,121,233)
```
#4576f1
```
#4576f1 rgb(69,118,241)
```
#3d73f9
```
#3d73f9 rgb(61,115,249)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#787f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6286dc Protanopia 1% of men
#4e8ada Deuteranopia 1% of men
#43949f Tritanopia 0.001% of the population

Trichromacy

#6084db Protanomaly 1% of men, 0.01% of women
#5386da Deuteranomaly 6% of men, 0.4% of women
#4c8db4 Tritanomaly 0.01% of the population

#5c80da hex color

#5c80da Color Information

#5c80da Color Conversion

Color Schemes with #5c80da

Alternatives to #5c80da

#5c80da Preview

Shades and Tints of #5c80da

Tones of #5c80da

Color Blindness Simulator