#5164ee Color Information
In a RGB color space, hex #5164ee is composed of 31.8% red, 39.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 58% magenta, 0% yellow and 6.7% black. It has a hue angle of 232.7 degrees, a saturation of 82.2% and a lightness of 62.5%. #5164ee color hex could be obtained by blending #a2c8ff with #0000dd. Closest websafe color is: #6666ff.
-
- R 32
- G 39
- B 93
-
- C 66
- M 58
- Y 0
- K 7
● #5164ee color description : Soft blue.
#5164ee Color Conversion
The hexadecimal color #5164ee has RGB values of R:81, G:100, B:238 and CMYK values of C:0.66, M:0.58, Y:0, K:0.07. Its decimal value is 5334254.
| Hex triplet | 5164ee | #5164ee |
|---|---|---|
| RGB Decimal | 81, 100, 238 | rgb(81,100,238) |
| RGB Percent | 31.8, 39.2, 93.3 | rgb(31.8%,39.2%,93.3%) |
| CMYK | 66, 58, 0, 7 | |
| HSL | 232.7°, 82.2, 62.5 | hsl(232.7,82.2%,62.5%) |
| HSV (or HSB) | 232.7°, 66, 93.3 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 48.305, 36.109, -71.785 |
|---|---|
| XYZ | 23.38, 17.035, 82.94 |
| xyY | 0.19, 0.138, 17.035 |
| CIE-LCH | 48.305, 80.355, 296.703 |
| CIE-LUV | 48.305, -12.954, -111.659 |
| Hunter-Lab | 41.274, 28.883, -90.252 |
| Binary | 01010001, 01100100, 11101110 |
Color Schemes with #5164ee
Alternatives to #5164ee
Below, you can see some colors close to #5164ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5164ee Preview
This text has a font color of #5164ee.
<span style="color:#5164ee;">Text here</span>
This paragraph has a background color of #5164ee.
<p style="background-color:#5164ee;">Content here</p>
This element has a border color of #5164ee.
<div style="border:1px solid #5164ee;">Content here</div>
.text {color:#5164ee;}
.background {background-color:#5164ee;}
.border {border:1px solid #5164ee;}
Shades and Tints of #5164ee
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, #000105 is the darkest color, while #f2f3fe is the lightest one.
-
#000105
#000105rgb(0,1,5) -
#020517
#020517rgb(2,5,23) -
#040828
#040828rgb(4,8,40) -
#060c3a
#060c3argb(6,12,58) -
#07104c
#07104crgb(7,16,76) -
#09135e
#09135ergb(9,19,94) -
#0b1770
#0b1770rgb(11,23,112) -
#0d1b82
#0d1b82rgb(13,27,130) -
#0e1f94
#0e1f94rgb(14,31,148) -
#1022a6
#1022a6rgb(16,34,166) -
#1226b7
#1226b7rgb(18,38,183) -
#142ac9
#142ac9rgb(20,42,201) -
#152ddb
#152ddbrgb(21,45,219)
-
#1b34e9
#1b34e9rgb(27,52,233) -
#2d44eb
#2d44ebrgb(45,68,235) -
#3f54ec
#3f54ecrgb(63,84,236) -
#5164ee
#5164eergb(81,100,238) -
#6374f0
#6374f0rgb(99,116,240) -
#7584f1
#7584f1rgb(117,132,241) -
#8794f3
#8794f3rgb(135,148,243) -
#98a4f5
#98a4f5rgb(152,164,245) -
#aab4f7
#aab4f7rgb(170,180,247) -
#bcc4f8
#bcc4f8rgb(188,196,248) -
#ced3fa
#ced3fargb(206,211,250) -
#e0e3fc
#e0e3fcrgb(224,227,252) -
#f2f3fe
#f2f3fergb(242,243,254)
Tones of #5164ee
A tone is produced by adding gray to any pure hue. In this case, #9a9ca5 is the less saturated color, while #4259fd is the most saturated one.
-
#9a9ca5
#9a9ca5rgb(154,156,165) -
#9396ac
#9396acrgb(147,150,172) -
#8c91b3
#8c91b3rgb(140,145,179) -
#848bbb
#848bbbrgb(132,139,187) -
#7d85c2
#7d85c2rgb(125,133,194) -
#7680c9
#7680c9rgb(118,128,201) -
#6e7ad1
#6e7ad1rgb(110,122,209) -
#6775d8
#6775d8rgb(103,117,216) -
#606fdf
#606fdfrgb(96,111,223) -
#586ae7
#586ae7rgb(88,106,231) -
#5164ee
#5164eergb(81,100,238) -
#4a5ef5
#4a5ef5rgb(74,94,245) -
#4259fd
#4259fdrgb(66,89,253)
Color Blindness Simulator
Below, you can see how #5164ee 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.
