#5058cc hex color

In a RGB color space, hex #5058cc is composed of 31.4% red, 34.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 56.9% magenta, 0% yellow and 20% black. It has a hue angle of 236.1 degrees, a saturation of 54.9% and a lightness of 55.7%. #5058cc color hex could be obtained by blending #a0b0ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 35
- B 80
RGB color chart
- C 61
- M 57
- Y 0
- K 20
CMYK color chart

● #5058cc color description : Moderate blue.

The hexadecimal color #5058cc has RGB values of R:80, G:88, B:204 and CMYK values of C:0.61, M:0.57, Y:0, K:0.2. Its decimal value is 5265612.

Hex triplet	5058cc	`#5058cc`
RGB Decimal	80, 88, 204	`rgb(80,88,204)`
RGB Percent	31.4, 34.5, 80	`rgb(31.4%,34.5%,80%)`
CMYK	61, 57, 0, 20
HSL	236.1°, 54.9, 55.7	`hsl(236.1,54.9%,55.7%)`
HSV (or HSB)	236.1°, 60.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.829, 31.927, -61.354
XYZ	17.695, 13.044, 58.709
xyY	0.198, 0.146, 13.044
CIE-LCH	42.829, 69.164, 297.491
CIE-LUV	42.829, -8.97, -92.939
Hunter-Lab	36.116, 24.252, -71.098
Binary	01010000, 01011000, 11001100

#5058cc
```
#5058cc rgb(80,88,204)
```
#ccc450
```
#ccc450 rgb(204,196,80)
```

Complementary Color

#5096cc
```
#5096cc rgb(80,150,204)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#8650cc
```
#8650cc rgb(134,80,204)
```

Analogous Color

#96cc50
```
#96cc50 rgb(150,204,80)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#cc8650
```
#cc8650 rgb(204,134,80)
```

Split Complementary Color

#58cc50
```
#58cc50 rgb(88,204,80)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#cc5058
```
#cc5058 rgb(204,80,88)
```

Triadic Color

#50ccc4
```
#50ccc4 rgb(80,204,196)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#cc5058
```
#cc5058 rgb(204,80,88)
```
#ccc450
```
#ccc450 rgb(204,196,80)
```

Tetradic Color

#2f36a1
```
#2f36a1 rgb(47,54,161)
```
#353db4
```
#353db4 rgb(53,61,180)
```
#3c45c6
```
#3c45c6 rgb(60,69,198)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#646bd2
```
#646bd2 rgb(100,107,210)
```
#777ed8
```
#777ed8 rgb(119,126,216)
```
#8b91dd
```
#8b91dd rgb(139,145,221)
```

Monochromatic Color

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

#5077cc
```
#5077cc rgb(80,119,204)
```
#506dcc
```
#506dcc rgb(80,109,204)
```
#5062cc
```
#5062cc rgb(80,98,204)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#5250cc
```
#5250cc rgb(82,80,204)
```
#5d50cc
```
#5d50cc rgb(93,80,204)
```
#6750cc
```
#6750cc rgb(103,80,204)
```

Similar Colors

Text with hexadecimal color #5058cc

This text has a font color of #5058cc.

<span style="color:#5058cc;">Text here</span>

#5058cc background color

This paragraph has a background color of #5058cc.

<p style="background-color:#5058cc;">Content here</p>

#5058cc border color

This element has a border color of #5058cc.

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

CSS codes

.text {color:#5058cc;}

.background {background-color:#5058cc;}

.border {border:1px solid #5058cc;}

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

#020207
```
#020207 rgb(2,2,7)
```
#070816
```
#070816 rgb(7,8,22)
```
#0b0d26
```
#0b0d26 rgb(11,13,38)
```
#0f1235
```
#0f1235 rgb(15,18,53)
```
#141744
```
#141744 rgb(20,23,68)
```
#181c53
```
#181c53 rgb(24,28,83)
```
#1d2162
```
#1d2162 rgb(29,33,98)
```
#212672
```
#212672 rgb(33,38,114)
```
#262b81
```
#262b81 rgb(38,43,129)
```
#2a3190
```
#2a3190 rgb(42,49,144)
```
#2e369f
```
#2e369f rgb(46,54,159)
```
#333bae
```
#333bae rgb(51,59,174)
```
#3740be
```
#3740be rgb(55,64,190)
```

Shade Color Variation

#414ac8
```
#414ac8 rgb(65,74,200)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#5f66d0
```
#5f66d0 rgb(95,102,208)
```
#6e75d5
```
#6e75d5 rgb(110,117,213)
```
#7e83d9
```
#7e83d9 rgb(126,131,217)
```
#8d92de
```
#8d92de rgb(141,146,222)
```
#9ca0e2
```
#9ca0e2 rgb(156,160,226)
```
#abafe7
```
#abafe7 rgb(171,175,231)
```
#babdeb
```
#babdeb rgb(186,189,235)
```
#caccef
```
#caccef rgb(202,204,239)
```
#d9daf4
```
#d9daf4 rgb(217,218,244)
```
#e8e9f8
```
#e8e9f8 rgb(232,233,248)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d8f is the less saturated color, while #2532f7 is the most saturated one.

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848598
```
#848598 rgb(132,133,152)
```
#7b7ea1
```
#7b7ea1 rgb(123,126,161)
```
#7376a9
```
#7376a9 rgb(115,118,169)
```
#6a6fb2
```
#6a6fb2 rgb(106,111,178)
```
#6167bb
```
#6167bb rgb(97,103,187)
```
#5960c3
```
#5960c3 rgb(89,96,195)
```
#5058cc
```
#5058cc rgb(80,88,204)
```
#4750d5
```
#4750d5 rgb(71,80,213)
```
#3f49dd
```
#3f49dd rgb(63,73,221)
```
#3641e6
```
#3641e6 rgb(54,65,230)
```
#2d3aef
```
#2d3aef rgb(45,58,239)
```
#2532f7
```
#2532f7 rgb(37,50,247)
```

Tone Color Variation

Below, you can see how #5058cc 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

#636363 Achromatopsia 0.005% of the population
#5f6178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#21777f Tritanopia 0.001% of the population

Trichromacy

#1d63ce Protanomaly 1% of men, 0.01% of women
#1d66be Deuteranomaly 6% of men, 0.4% of women
#326b9b Tritanomaly 0.01% of the population

#5058cc hex color

#5058cc Color Information

#5058cc Color Conversion

Color Schemes with #5058cc

Alternatives to #5058cc

#5058cc Preview

Shades and Tints of #5058cc

Tones of #5058cc

Color Blindness Simulator