#5158d6 hex color

In a RGB color space, hex #5158d6 is composed of 31.8% red, 34.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 58.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 236.8 degrees, a saturation of 61.9% and a lightness of 57.8%. #5158d6 color hex could be obtained by blending #a2b0ff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 84
RGB color chart
- C 62
- M 59
- Y 0
- K 16
CMYK color chart

● #5158d6 color description : Moderate blue.

The hexadecimal color #5158d6 has RGB values of R:81, G:88, B:214 and CMYK values of C:0.62, M:0.59, Y:0, K:0.16. Its decimal value is 5331158.

Hex triplet	5158d6	`#5158d6`
RGB Decimal	81, 88, 214	`rgb(81,88,214)`
RGB Percent	31.8, 34.5, 83.9	`rgb(31.8%,34.5%,83.9%)`
CMYK	62, 59, 0, 16
HSL	236.8°, 61.9, 57.8	`hsl(236.8,61.9%,57.8%)`
HSV (or HSB)	236.8°, 62.1, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.629, 35.427, -65.796
XYZ	19.018, 13.583, 65.234
xyY	0.194, 0.139, 13.583
CIE-LCH	43.629, 74.727, 298.299
CIE-LUV	43.629, -9.103, -99.939
Hunter-Lab	36.855, 27.615, -79.146
Binary	01010001, 01011000, 11010110

#5158d6
```
#5158d6 rgb(81,88,214)
```
#d6cf51
```
#d6cf51 rgb(214,207,81)
```

Complementary Color

#519bd6
```
#519bd6 rgb(81,155,214)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#8d51d6
```
#8d51d6 rgb(141,81,214)
```

Analogous Color

#9bd651
```
#9bd651 rgb(155,214,81)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#d68d51
```
#d68d51 rgb(214,141,81)
```

Split Complementary Color

#58d651
```
#58d651 rgb(88,214,81)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#d65158
```
#d65158 rgb(214,81,88)
```

Triadic Color

#51d6cf
```
#51d6cf rgb(81,214,207)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#d65158
```
#d65158 rgb(214,81,88)
```
#d6cf51
```
#d6cf51 rgb(214,207,81)
```

Tetradic Color

#2a31b1
```
#2a31b1 rgb(42,49,177)
```
#2f36c5
```
#2f36c5 rgb(47,54,197)
```
#3c44d1
```
#3c44d1 rgb(60,68,209)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#666cdb
```
#666cdb rgb(102,108,219)
```
#7a80e0
```
#7a80e0 rgb(122,128,224)
```
#8f93e5
```
#8f93e5 rgb(143,147,229)
```

Monochromatic Color

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

#5179d6
```
#5179d6 rgb(81,121,214)
```
#516ed6
```
#516ed6 rgb(81,110,214)
```
#5163d6
```
#5163d6 rgb(81,99,214)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#5551d6
```
#5551d6 rgb(85,81,214)
```
#6051d6
```
#6051d6 rgb(96,81,214)
```
#6b51d6
```
#6b51d6 rgb(107,81,214)
```

Similar Colors

Text with hexadecimal color #5158d6

This text has a font color of #5158d6.

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

#5158d6 background color

This paragraph has a background color of #5158d6.

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

#5158d6 border color

This element has a border color of #5158d6.

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

CSS codes

.text {color:#5158d6;}

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

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

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 #f0f0fb is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040510
```
#040510 rgb(4,5,16)
```
#080920
```
#080920 rgb(8,9,32)
```
#0b0d30
```
#0b0d30 rgb(11,13,48)
```
#0f1240
```
#0f1240 rgb(15,18,64)
```
#131650
```
#131650 rgb(19,22,80)
```
#171a60
```
#171a60 rgb(23,26,96)
```
#1a1f70
```
#1a1f70 rgb(26,31,112)
```
#1e2380
```
#1e2380 rgb(30,35,128)
```
#22288f
```
#22288f rgb(34,40,143)
```
#262c9f
```
#262c9f rgb(38,44,159)
```
#2930af
```
#2930af rgb(41,48,175)
```
#2d35bf
```
#2d35bf rgb(45,53,191)
```

Shade Color Variation

#313acf
```
#313acf rgb(49,58,207)
```
#4149d2
```
#4149d2 rgb(65,73,210)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#6167da
```
#6167da rgb(97,103,218)
```
#7176dd
```
#7176dd rgb(113,118,221)
```
#8186e1
```
#8186e1 rgb(129,134,225)
```
#9095e5
```
#9095e5 rgb(144,149,229)
```
#a0a4e9
```
#a0a4e9 rgb(160,164,233)
```
#b0b3ec
```
#b0b3ec rgb(176,179,236)
```
#c0c3f0
```
#c0c3f0 rgb(192,195,240)
```
#d0d2f4
```
#d0d2f4 rgb(208,210,244)
```
#e0e1f8
```
#e0e1f8 rgb(224,225,248)
```
#f0f0fb
```
#f0f0fb rgb(240,240,251)
```

Tint Color Variation

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

#939394
```
#939394 rgb(147,147,148)
```
#8b8c9c
```
#8b8c9c rgb(139,140,156)
```
#8384a4
```
#8384a4 rgb(131,132,164)
```
#7a7dad
```
#7a7dad rgb(122,125,173)
```
#7276b5
```
#7276b5 rgb(114,118,181)
```
#6a6ebd
```
#6a6ebd rgb(106,110,189)
```
#6267c5
```
#6267c5 rgb(98,103,197)
```
#595fce
```
#595fce rgb(89,95,206)
```
#5158d6
```
#5158d6 rgb(81,88,214)
```
#4951de
```
#4951de rgb(73,81,222)
```
#4049e7
```
#4049e7 rgb(64,73,231)
```
#3842ef
```
#3842ef rgb(56,66,239)
```
#303af7
```
#303af7 rgb(48,58,247)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#60627b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#1d64d3 Protanomaly 1% of men, 0.01% of women
#1d68c3 Deuteranomaly 6% of men, 0.4% of women
#1d6da0 Tritanomaly 0.01% of the population

#5158d6 hex color

#5158d6 Color Information

#5158d6 Color Conversion

Color Schemes with #5158d6

Alternatives to #5158d6

#5158d6 Preview

Shades and Tints of #5158d6

Tones of #5158d6

Color Blindness Simulator