#5158c8 hex color

In a RGB color space, hex #5158c8 is composed of 31.8% red, 34.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 56% magenta, 0% yellow and 21.6% black. It has a hue angle of 236.5 degrees, a saturation of 52% and a lightness of 55.1%. #5158c8 color hex could be obtained by blending #a2b0ff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 78
RGB color chart
- C 60
- M 56
- Y 0
- K 22
CMYK color chart

● #5158c8 color description : Moderate blue.

The hexadecimal color #5158c8 has RGB values of R:81, G:88, B:200 and CMYK values of C:0.6, M:0.56, Y:0, K:0.22. Its decimal value is 5331144.

Hex triplet	5158c8	`#5158c8`
RGB Decimal	81, 88, 200	`rgb(81,88,200)`
RGB Percent	31.8, 34.5, 78.4	`rgb(31.8%,34.5%,78.4%)`
CMYK	60, 56, 0, 22
HSL	236.5°, 52, 55.1	`hsl(236.5,52%,55.1%)`
HSV (or HSB)	236.5°, 59.5, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.609, 30.768, -59.398
XYZ	17.306, 12.898, 56.218
xyY	0.2, 0.149, 12.898
CIE-LCH	42.609, 66.894, 297.384
CIE-LUV	42.609, -8.528, -89.955
Hunter-Lab	35.914, 23.167, -67.67
Binary	01010001, 01011000, 11001000

#5158c8
```
#5158c8 rgb(81,88,200)
```
#c8c151
```
#c8c151 rgb(200,193,81)
```

Complementary Color

#5194c8
```
#5194c8 rgb(81,148,200)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#8651c8
```
#8651c8 rgb(134,81,200)
```

Analogous Color

#94c851
```
#94c851 rgb(148,200,81)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#c88651
```
#c88651 rgb(200,134,81)
```

Split Complementary Color

#58c851
```
#58c851 rgb(88,200,81)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#c85158
```
#c85158 rgb(200,81,88)
```

Triadic Color

#51c8c1
```
#51c8c1 rgb(81,200,193)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#c85158
```
#c85158 rgb(200,81,88)
```
#c8c151
```
#c8c151 rgb(200,193,81)
```

Tetradic Color

#31379b
```
#31379b rgb(49,55,155)
```
#373eaf
```
#373eaf rgb(55,62,175)
```
#3e45c2
```
#3e45c2 rgb(62,69,194)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#646bce
```
#646bce rgb(100,107,206)
```
#787dd4
```
#787dd4 rgb(120,125,212)
```
#8b90da
```
#8b90da rgb(139,144,218)
```

Monochromatic Color

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

#5176c8
```
#5176c8 rgb(81,118,200)
```
#516cc8
```
#516cc8 rgb(81,108,200)
```
#5162c8
```
#5162c8 rgb(81,98,200)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#5451c8
```
#5451c8 rgb(84,81,200)
```
#5e51c8
```
#5e51c8 rgb(94,81,200)
```
#6851c8
```
#6851c8 rgb(104,81,200)
```

Similar Colors

Text with hexadecimal color #5158c8

This text has a font color of #5158c8.

<span style="color:#5158c8;">Text here</span>

#5158c8 background color

This paragraph has a background color of #5158c8.

<p style="background-color:#5158c8;">Content here</p>

#5158c8 border color

This element has a border color of #5158c8.

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

CSS codes

.text {color:#5158c8;}

.background {background-color:#5158c8;}

.border {border:1px solid #5158c8;}

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

#020205
```
#020205 rgb(2,2,5)
```
#060714
```
#060714 rgb(6,7,20)
```
#0b0c23
```
#0b0c23 rgb(11,12,35)
```
#101232
```
#101232 rgb(16,18,50)
```
#141740
```
#141740 rgb(20,23,64)
```
#191c4f
```
#191c4f rgb(25,28,79)
```
#1e225e
```
#1e225e rgb(30,34,94)
```
#23276d
```
#23276d rgb(35,39,109)
```
#272c7c
```
#272c7c rgb(39,44,124)
```
#2c328b
```
#2c328b rgb(44,50,139)
```
#31379a
```
#31379a rgb(49,55,154)
```
#353ca9
```
#353ca9 rgb(53,60,169)
```
#3a41b8
```
#3a41b8 rgb(58,65,184)
```

Shade Color Variation

#424ac3
```
#424ac3 rgb(66,74,195)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#6066cd
```
#6066cd rgb(96,102,205)
```
#6f75d1
```
#6f75d1 rgb(111,117,209)
```
#7e83d6
```
#7e83d6 rgb(126,131,214)
```
#8d91db
```
#8d91db rgb(141,145,219)
```
#9ca0e0
```
#9ca0e0 rgb(156,160,224)
```
#aaaee4
```
#aaaee4 rgb(170,174,228)
```
#b9bce9
```
#b9bce9 rgb(185,188,233)
```
#c8caee
```
#c8caee rgb(200,202,238)
```
#d7d9f2
```
#d7d9f2 rgb(215,217,242)
```
#e6e7f7
```
#e6e7f7 rgb(230,231,247)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#868793
```
#868793 rgb(134,135,147)
```
#7d7f9c
```
#7d7f9c rgb(125,127,156)
```
#7477a5
```
#7477a5 rgb(116,119,165)
```
#6b6fae
```
#6b6fae rgb(107,111,174)
```
#6368b6
```
#6368b6 rgb(99,104,182)
```
#5a60bf
```
#5a60bf rgb(90,96,191)
```
#5158c8
```
#5158c8 rgb(81,88,200)
```
#4850d1
```
#4850d1 rgb(72,80,209)
```
#3f48da
```
#3f48da rgb(63,72,218)
```
#3741e2
```
#3741e2 rgb(55,65,226)
```
#2e39eb
```
#2e39eb rgb(46,57,235)
```
#2531f4
```
#2531f4 rgb(37,49,244)
```
#1c29fd
```
#1c29fd rgb(28,41,253)
```

Tone Color Variation

Below, you can see how #5158c8 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
#5f6177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#2a767e Tritanopia 0.001% of the population

Trichromacy

#1d62cc Protanomaly 1% of men, 0.01% of women
#1d66bc Deuteranomaly 6% of men, 0.4% of women
#386b99 Tritanomaly 0.01% of the population

#5158c8 hex color

#5158c8 Color Information

#5158c8 Color Conversion

Color Schemes with #5158c8

Alternatives to #5158c8

#5158c8 Preview

Shades and Tints of #5158c8

Tones of #5158c8

Color Blindness Simulator