#5168ee Color Information
In a RGB color space, hex #5168ee is composed of 31.8% red, 40.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 56.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 231.2 degrees, a saturation of 82.2% and a lightness of 62.5%. #5168ee color hex could be obtained by blending #a2d0ff with #0000dd. Closest websafe color is: #6666ff.
-
- R 32
- G 41
- B 93
-
- C 66
- M 56
- Y 0
- K 7
● #5168ee color description : Soft blue.
#5168ee Color Conversion
The hexadecimal color #5168ee has RGB values of R:81, G:104, B:238 and CMYK values of C:0.66, M:0.56, Y:0, K:0.07. Its decimal value is 5335278.
| Hex triplet | 5168ee | #5168ee |
|---|---|---|
| RGB Decimal | 81, 104, 238 | rgb(81,104,238) |
| RGB Percent | 31.8, 40.8, 93.3 | rgb(31.8%,40.8%,93.3%) |
| CMYK | 66, 56, 0, 7 | |
| HSL | 231.2°, 82.2, 62.5 | hsl(231.2,82.2%,62.5%) |
| HSV (or HSB) | 231.2°, 66, 93.3 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 49.279, 33.655, -70.201 |
|---|---|
| XYZ | 23.773, 17.822, 83.071 |
| xyY | 0.191, 0.143, 17.822 |
| CIE-LCH | 49.279, 77.852, 295.613 |
| CIE-LUV | 49.279, -13.994, -109.855 |
| Hunter-Lab | 42.216, 26.642, -87.119 |
| Binary | 01010001, 01101000, 11101110 |
Color Schemes with #5168ee
Alternatives to #5168ee
Below, you can see some colors close to #5168ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5168ee Preview
This text has a font color of #5168ee.
<span style="color:#5168ee;">Text here</span>
This paragraph has a background color of #5168ee.
<p style="background-color:#5168ee;">Content here</p>
This element has a border color of #5168ee.
<div style="border:1px solid #5168ee;">Content here</div>
.text {color:#5168ee;}
.background {background-color:#5168ee;}
.border {border:1px solid #5168ee;}
Shades and Tints of #5168ee
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 #f2f4fe is the lightest one.
-
#000105
#000105rgb(0,1,5) -
#020517
#020517rgb(2,5,23) -
#040928
#040928rgb(4,9,40) -
#060d3a
#060d3argb(6,13,58) -
#07124c
#07124crgb(7,18,76) -
#09165e
#09165ergb(9,22,94) -
#0b1a70
#0b1a70rgb(11,26,112) -
#0d1e82
#0d1e82rgb(13,30,130) -
#0e2294
#0e2294rgb(14,34,148) -
#1026a6
#1026a6rgb(16,38,166) -
#122ab7
#122ab7rgb(18,42,183) -
#142ec9
#142ec9rgb(20,46,201) -
#1532db
#1532dbrgb(21,50,219)
-
#1b39e9
#1b39e9rgb(27,57,233) -
#2d49eb
#2d49ebrgb(45,73,235) -
#3f58ec
#3f58ecrgb(63,88,236) -
#5168ee
#5168eergb(81,104,238) -
#6378f0
#6378f0rgb(99,120,240) -
#7587f1
#7587f1rgb(117,135,241) -
#8797f3
#8797f3rgb(135,151,243) -
#98a6f5
#98a6f5rgb(152,166,245) -
#aab6f7
#aab6f7rgb(170,182,247) -
#bcc5f8
#bcc5f8rgb(188,197,248) -
#ced5fa
#ced5fargb(206,213,250) -
#e0e4fc
#e0e4fcrgb(224,228,252) -
#f2f4fe
#f2f4fergb(242,244,254)
Tones of #5168ee
A tone is produced by adding gray to any pure hue. In this case, #9a9ca5 is the less saturated color, while #425efd is the most saturated one.
-
#9a9ca5
#9a9ca5rgb(154,156,165) -
#9397ac
#9397acrgb(147,151,172) -
#8c92b3
#8c92b3rgb(140,146,179) -
#848cbb
#848cbbrgb(132,140,187) -
#7d87c2
#7d87c2rgb(125,135,194) -
#7682c9
#7682c9rgb(118,130,201) -
#6e7dd1
#6e7dd1rgb(110,125,209) -
#6778d8
#6778d8rgb(103,120,216) -
#6072df
#6072dfrgb(96,114,223) -
#586de7
#586de7rgb(88,109,231) -
#5168ee
#5168eergb(81,104,238) -
#4a63f5
#4a63f5rgb(74,99,245) -
#425efd
#425efdrgb(66,94,253)
Color Blindness Simulator
Below, you can see how #5168ee 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.
