#5158da hex color

In a RGB color space, hex #5158da is composed of 31.8% red, 34.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 59.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 236.9 degrees, a saturation of 64.9% and a lightness of 58.6%. #5158da color hex could be obtained by blending #a2b0ff with #0000b5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 85
RGB color chart
- C 63
- M 60
- Y 0
- K 15
CMYK color chart

● #5158da color description : Soft blue.

The hexadecimal color #5158da has RGB values of R:81, G:88, B:218 and CMYK values of C:0.63, M:0.6, Y:0, K:0.15. Its decimal value is 5331162.

Hex triplet	5158da	`#5158da`
RGB Decimal	81, 88, 218	`rgb(81,88,218)`
RGB Percent	31.8, 34.5, 85.5	`rgb(31.8%,34.5%,85.5%)`
CMYK	63, 60, 0, 15
HSL	236.9°, 64.9, 58.6	`hsl(236.9,64.9%,58.6%)`
HSV (or HSB)	236.9°, 62.8, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.93, 36.756, -67.592
XYZ	19.535, 13.79, 67.958
xyY	0.193, 0.136, 13.79
CIE-LCH	43.93, 76.939, 298.537
CIE-LUV	43.93, -9.265, -102.73
Hunter-Lab	37.135, 28.918, -82.509
Binary	01010001, 01011000, 11011010

#5158da
```
#5158da rgb(81,88,218)
```
#dad351
```
#dad351 rgb(218,211,81)
```

Complementary Color

#519dda
```
#519dda rgb(81,157,218)
```
#5158da
```
#5158da rgb(81,88,218)
```
#8f51da
```
#8f51da rgb(143,81,218)
```

Analogous Color

#9dda51
```
#9dda51 rgb(157,218,81)
```
#5158da
```
#5158da rgb(81,88,218)
```
#da8f51
```
#da8f51 rgb(218,143,81)
```

Split Complementary Color

#58da51
```
#58da51 rgb(88,218,81)
```
#5158da
```
#5158da rgb(81,88,218)
```
#da5158
```
#da5158 rgb(218,81,88)
```

Triadic Color

#51dad3
```
#51dad3 rgb(81,218,211)
```
#5158da
```
#5158da rgb(81,88,218)
```
#da5158
```
#da5158 rgb(218,81,88)
```
#dad351
```
#dad351 rgb(218,211,81)
```

Tetradic Color

#272eb7
```
#272eb7 rgb(39,46,183)
```
#2b34cd
```
#2b34cd rgb(43,52,205)
```
#3c44d6
```
#3c44d6 rgb(60,68,214)
```
#5158da
```
#5158da rgb(81,88,218)
```
#666cde
```
#666cde rgb(102,108,222)
```
#7b80e3
```
#7b80e3 rgb(123,128,227)
```
#9095e7
```
#9095e7 rgb(144,149,231)
```

Monochromatic Color

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

#517ada
```
#517ada rgb(81,122,218)
```
#516fda
```
#516fda rgb(81,111,218)
```
#5163da
```
#5163da rgb(81,99,218)
```
#5158da
```
#5158da rgb(81,88,218)
```
#5551da
```
#5551da rgb(85,81,218)
```
#6151da
```
#6151da rgb(97,81,218)
```
#6c51da
```
#6c51da rgb(108,81,218)
```

Similar Colors

Text with hexadecimal color #5158da

This text has a font color of #5158da.

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

#5158da background color

This paragraph has a background color of #5158da.

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

#5158da border color

This element has a border color of #5158da.

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

CSS codes

.text {color:#5158da;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040514
```
#040514 rgb(4,5,20)
```
#080924
```
#080924 rgb(8,9,36)
```
#0b0d34
```
#0b0d34 rgb(11,13,52)
```
#0f1145
```
#0f1145 rgb(15,17,69)
```
#121555
```
#121555 rgb(18,21,85)
```
#151a65
```
#151a65 rgb(21,26,101)
```
#191e75
```
#191e75 rgb(25,30,117)
```
#1c2285
```
#1c2285 rgb(28,34,133)
```
#202696
```
#202696 rgb(32,38,150)
```
#232aa6
```
#232aa6 rgb(35,42,166)
```
#272eb6
```
#272eb6 rgb(39,46,182)
```
#2a32c6
```
#2a32c6 rgb(42,50,198)
```

Shade Color Variation

#3139d3
```
#3139d3 rgb(49,57,211)
```
#4148d7
```
#4148d7 rgb(65,72,215)
```
#5158da
```
#5158da rgb(81,88,218)
```
#6168dd
```
#6168dd rgb(97,104,221)
```
#7177e1
```
#7177e1 rgb(113,119,225)
```
#8287e4
```
#8287e4 rgb(130,135,228)
```
#9296e8
```
#9296e8 rgb(146,150,232)
```
#a2a6eb
```
#a2a6eb rgb(162,166,235)
```
#b2b5ef
```
#b2b5ef rgb(178,181,239)
```
#c2c5f2
```
#c2c5f2 rgb(194,197,242)
```
#d2d4f6
```
#d2d4f6 rgb(210,212,246)
```
#e3e4f9
```
#e3e4f9 rgb(227,228,249)
```
#f3f3fc
```
#f3f3fc rgb(243,243,252)
```

Tint Color Variation

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

#929299
```
#929299 rgb(146,146,153)
```
#8a8ba1
```
#8a8ba1 rgb(138,139,161)
```
#8284a9
```
#8284a9 rgb(130,132,169)
```
#7a7cb1
```
#7a7cb1 rgb(122,124,177)
```
#7175ba
```
#7175ba rgb(113,117,186)
```
#696ec2
```
#696ec2 rgb(105,110,194)
```
#6167ca
```
#6167ca rgb(97,103,202)
```
#595fd2
```
#595fd2 rgb(89,95,210)
```
#5158da
```
#5158da rgb(81,88,218)
```
#4951e2
```
#4951e2 rgb(73,81,226)
```
#4149ea
```
#4149ea rgb(65,73,234)
```
#3942f2
```
#3942f2 rgb(57,66,242)
```
#313bfa
```
#313bfa rgb(49,59,250)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#61627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#1d64d6 Protanomaly 1% of men, 0.01% of women
#1d68c5 Deuteranomaly 6% of men, 0.4% of women
#1d6da2 Tritanomaly 0.01% of the population

#5158da hex color

#5158da Color Information

#5158da Color Conversion

Color Schemes with #5158da

Alternatives to #5158da

#5158da Preview

Shades and Tints of #5158da

Tones of #5158da

Color Blindness Simulator