#5158ce hex color

In a RGB color space, hex #5158ce is composed of 31.8% red, 34.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 57.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 236.6 degrees, a saturation of 56.1% and a lightness of 56.3%. #5158ce color hex could be obtained by blending #a2b0ff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 81
RGB color chart
- C 61
- M 57
- Y 0
- K 19
CMYK color chart

● #5158ce color description : Moderate blue.

The hexadecimal color #5158ce has RGB values of R:81, G:88, B:206 and CMYK values of C:0.61, M:0.57, Y:0, K:0.19. Its decimal value is 5331150.

Hex triplet	5158ce	`#5158ce`
RGB Decimal	81, 88, 206	`rgb(81,88,206)`
RGB Percent	31.8, 34.5, 80.8	`rgb(31.8%,34.5%,80.8%)`
CMYK	61, 57, 0, 19
HSL	236.6°, 56.1, 56.3	`hsl(236.6,56.1%,56.3%)`
HSV (or HSB)	236.6°, 60.7, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.039, 32.765, -62.162
XYZ	18.021, 13.184, 59.984
xyY	0.198, 0.145, 13.184
CIE-LCH	43.039, 70.269, 297.793
CIE-LUV	43.039, -8.776, -94.276
Hunter-Lab	36.31, 25.051, -72.53
Binary	01010001, 01011000, 11001110

#5158ce
```
#5158ce rgb(81,88,206)
```
#cec751
```
#cec751 rgb(206,199,81)
```

Complementary Color

#5197ce
```
#5197ce rgb(81,151,206)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#8951ce
```
#8951ce rgb(137,81,206)
```

Analogous Color

#97ce51
```
#97ce51 rgb(151,206,81)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#ce8951
```
#ce8951 rgb(206,137,81)
```

Split Complementary Color

#58ce51
```
#58ce51 rgb(88,206,81)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#ce5158
```
#ce5158 rgb(206,81,88)
```

Triadic Color

#51cec7
```
#51cec7 rgb(81,206,199)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#ce5158
```
#ce5158 rgb(206,81,88)
```
#cec751
```
#cec751 rgb(206,199,81)
```

Tetradic Color

#2e35a4
```
#2e35a4 rgb(46,53,164)
```
#343bb8
```
#343bb8 rgb(52,59,184)
```
#3d45c8
```
#3d45c8 rgb(61,69,200)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#656bd4
```
#656bd4 rgb(101,107,212)
```
#797ed9
```
#797ed9 rgb(121,126,217)
```
#8d91df
```
#8d91df rgb(141,145,223)
```

Monochromatic Color

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

#5177ce
```
#5177ce rgb(81,119,206)
```
#516dce
```
#516dce rgb(81,109,206)
```
#5162ce
```
#5162ce rgb(81,98,206)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#5451ce
```
#5451ce rgb(84,81,206)
```
#5f51ce
```
#5f51ce rgb(95,81,206)
```
#6951ce
```
#6951ce rgb(105,81,206)
```

Similar Colors

Text with hexadecimal color #5158ce

This text has a font color of #5158ce.

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

#5158ce background color

This paragraph has a background color of #5158ce.

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

#5158ce border color

This element has a border color of #5158ce.

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

CSS codes

.text {color:#5158ce;}

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

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

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, #03030a is the darkest color, while #f9fafd is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#070819
```
#070819 rgb(7,8,25)
```
#0b0d28
```
#0b0d28 rgb(11,13,40)
```
#101238
```
#101238 rgb(16,18,56)
```
#141747
```
#141747 rgb(20,23,71)
```
#181c56
```
#181c56 rgb(24,28,86)
```
#1d2165
```
#1d2165 rgb(29,33,101)
```
#212675
```
#212675 rgb(33,38,117)
```
#252b84
```
#252b84 rgb(37,43,132)
```
#2a2f93
```
#2a2f93 rgb(42,47,147)
```
#2e34a3
```
#2e34a3 rgb(46,52,163)
```
#3239b2
```
#3239b2 rgb(50,57,178)
```
#363ec1
```
#363ec1 rgb(54,62,193)
```

Shade Color Variation

#4249ca
```
#4249ca rgb(66,73,202)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#6067d2
```
#6067d2 rgb(96,103,210)
```
#7075d7
```
#7075d7 rgb(112,117,215)
```
#7f84db
```
#7f84db rgb(127,132,219)
```
#8e93df
```
#8e93df rgb(142,147,223)
```
#9ea1e4
```
#9ea1e4 rgb(158,161,228)
```
#adb0e8
```
#adb0e8 rgb(173,176,232)
```
#bcbfec
```
#bcbfec rgb(188,191,236)
```
#cbcef0
```
#cbcef0 rgb(203,206,240)
```
#dbdcf5
```
#dbdcf5 rgb(219,220,245)
```
#eaebf9
```
#eaebf9 rgb(234,235,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#8d8d92
```
#8d8d92 rgb(141,141,146)
```
#84869b
```
#84869b rgb(132,134,155)
```
#7c7ea3
```
#7c7ea3 rgb(124,126,163)
```
#7376ac
```
#7376ac rgb(115,118,172)
```
#6b6fb4
```
#6b6fb4 rgb(107,111,180)
```
#6267bd
```
#6267bd rgb(98,103,189)
```
#5a60c5
```
#5a60c5 rgb(90,96,197)
```
#5158ce
```
#5158ce rgb(81,88,206)
```
#4850d7
```
#4850d7 rgb(72,80,215)
```
#4049df
```
#4049df rgb(64,73,223)
```
#3741e8
```
#3741e8 rgb(55,65,232)
```
#2f3af0
```
#2f3af0 rgb(47,58,240)
```
#2632f9
```
#2632f9 rgb(38,50,249)
```

Tone Color Variation

Below, you can see how #5158ce 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

#006ad0 Protanopia 1% of men
#006fb7 Deuteranopia 1% of men
#217780 Tritanopia 0.001% of the population

Trichromacy

#1d63cf Protanomaly 1% of men, 0.01% of women
#1d67bf Deuteranomaly 6% of men, 0.4% of women
#326c9c Tritanomaly 0.01% of the population

#5158ce hex color

#5158ce Color Information

#5158ce Color Conversion

Color Schemes with #5158ce

Alternatives to #5158ce

#5158ce Preview

Shades and Tints of #5158ce

Tones of #5158ce

Color Blindness Simulator