#5374ed Color Information
In a RGB color space, hex #5374ed is composed of 32.5% red, 45.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 51.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 227.1 degrees, a saturation of 81.1% and a lightness of 62.7%. #5374ed color hex could be obtained by blending #a6e8ff with #0000db. Closest websafe color is: #6666ff.
-
- R 33
- G 45
- B 93
-
- C 65
- M 51
- Y 0
- K 7
● #5374ed color description : Soft blue.
#5374ed Color Conversion
The hexadecimal color #5374ed has RGB values of R:83, G:116, B:237 and CMYK values of C:0.65, M:0.51, Y:0, K:0.07. Its decimal value is 5469421.
| Hex triplet | 5374ed | #5374ed |
|---|---|---|
| RGB Decimal | 83, 116, 237 | rgb(83,116,237) |
| RGB Percent | 32.5, 45.5, 92.9 | rgb(32.5%,45.5%,92.9%) |
| CMYK | 65, 51, 0, 7 | |
| HSL | 227.1°, 81.1, 62.7 | hsl(227.1,81.1%,62.7%) |
| HSV (or HSB) | 227.1°, 65, 92.9 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 52.334, 26.223, -64.69 |
|---|---|
| XYZ | 25.096, 20.443, 82.739 |
| xyY | 0.196, 0.159, 20.443 |
| CIE-LCH | 52.334, 69.803, 292.066 |
| CIE-LUV | 52.334, -16.841, -102.798 |
| Hunter-Lab | 45.214, 19.951, -76.849 |
| Binary | 01010011, 01110100, 11101101 |
Color Schemes with #5374ed
Alternatives to #5374ed
Below, you can see some colors close to #5374ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5374ed Preview
This text has a font color of #5374ed.
<span style="color:#5374ed;">Text here</span>
This paragraph has a background color of #5374ed.
<p style="background-color:#5374ed;">Content here</p>
This element has a border color of #5374ed.
<div style="border:1px solid #5374ed;">Content here</div>
.text {color:#5374ed;}
.background {background-color:#5374ed;}
.border {border:1px solid #5374ed;}
Shades and Tints of #5374ed
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, #010206 is the darkest color, while #f3f5fe is the lightest one.
-
#010206
#010206rgb(1,2,6) -
#020717
#020717rgb(2,7,23) -
#040c29
#040c29rgb(4,12,41) -
#06113b
#06113brgb(6,17,59) -
#08174d
#08174drgb(8,23,77) -
#0a1c5e
#0a1c5ergb(10,28,94) -
#0c2170
#0c2170rgb(12,33,112) -
#0e2782
#0e2782rgb(14,39,130) -
#0f2c94
#0f2c94rgb(15,44,148) -
#1131a5
#1131a5rgb(17,49,165) -
#1336b7
#1336b7rgb(19,54,183) -
#153cc9
#153cc9rgb(21,60,201) -
#1741db
#1741dbrgb(23,65,219)
-
#1e49e7
#1e49e7rgb(30,73,231) -
#2f57e9
#2f57e9rgb(47,87,233) -
#4166eb
#4166ebrgb(65,102,235) -
#5374ed
#5374edrgb(83,116,237) -
#6582ef
#6582efrgb(101,130,239) -
#7791f1
#7791f1rgb(119,145,241) -
#889ff3
#889ff3rgb(136,159,243) -
#9aadf4
#9aadf4rgb(154,173,244) -
#acbcf6
#acbcf6rgb(172,188,246) -
#becaf8
#becaf8rgb(190,202,248) -
#cfd8fa
#cfd8fargb(207,216,250) -
#e1e7fc
#e1e7fcrgb(225,231,252) -
#f3f5fe
#f3f5fergb(243,245,254)
Tones of #5374ed
A tone is produced by adding gray to any pure hue. In this case, #9c9ea4 is the less saturated color, while #446cfc is the most saturated one.
-
#9c9ea4
#9c9ea4rgb(156,158,164) -
#959aab
#959aabrgb(149,154,171) -
#8d95b3
#8d95b3rgb(141,149,179) -
#8691ba
#8691bargb(134,145,186) -
#7f8dc1
#7f8dc1rgb(127,141,193) -
#7889c8
#7889c8rgb(120,137,200) -
#7085d0
#7085d0rgb(112,133,208) -
#6981d7
#6981d7rgb(105,129,215) -
#627cde
#627cdergb(98,124,222) -
#5a78e6
#5a78e6rgb(90,120,230) -
#5374ed
#5374edrgb(83,116,237) -
#4c70f4
#4c70f4rgb(76,112,244) -
#446cfc
#446cfcrgb(68,108,252)
Color Blindness Simulator
Below, you can see how #5374ed 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.
