#5344e2 Color Information
In a RGB color space, hex #5344e2 is composed of 32.5% red, 26.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 69.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 245.7 degrees, a saturation of 73.1% and a lightness of 57.6%. #5344e2 color hex could be obtained by blending #a688ff with #0000c5. Closest websafe color is: #6633cc.
-
- R 33
- G 27
- B 89
-
- C 63
- M 70
- Y 0
- K 11
● #5344e2 color description : Soft blue.
#5344e2 Color Conversion
The hexadecimal color #5344e2 has RGB values of R:83, G:68, B:226 and CMYK values of C:0.63, M:0.7, Y:0, K:0.11. Its decimal value is 5457122.
Hex triplet | 5344e2 | #5344e2 |
---|---|---|
RGB Decimal | 83, 68, 226 | rgb(83,68,226) |
RGB Percent | 32.5, 26.7, 88.6 | rgb(32.5%,26.7%,88.6%) |
CMYK | 63, 70, 0, 11 | |
HSL | 245.7°, 73.1, 57.6 | hsl(245.7,73.1%,57.6%) |
HSV (or HSB) | 245.7°, 69.9, 88.6 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 40.35, 51.296, -78.002 |
---|---|
XYZ | 19.359, 11.463, 73.14 |
xyY | 0.186, 0.11, 11.463 |
CIE-LCH | 40.35, 93.357, 303.33 |
CIE-LUV | 40.35, -4.881, -113.906 |
Hunter-Lab | 33.858, 42.813, -104.379 |
Binary | 01010011, 01000100, 11100010 |
Color Schemes with #5344e2
Alternatives to #5344e2
Below, you can see some colors close to #5344e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5344e2 Preview
This text has a font color of #5344e2.
<span style="color:#5344e2;">Text here</span>
This paragraph has a background color of #5344e2.
<p style="background-color:#5344e2;">Content here</p>
This element has a border color of #5344e2.
<div style="border:1px solid #5344e2;">Content here</div>
.text {color:#5344e2;}
.background {background-color:#5344e2;}
.border {border:1px solid #5344e2;}
Shades and Tints of #5344e2
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, #040311 is the darkest color, while #ffffff is the lightest one.
-
#040311
#040311
rgb(4,3,17)
-
#080522
#080522
rgb(8,5,34)
-
#0c0833
#0c0833
rgb(12,8,51)
-
#100b44
#100b44
rgb(16,11,68)
-
#140d55
#140d55
rgb(20,13,85)
-
#181066
#181066
rgb(24,16,102)
-
#1c1277
#1c1277
rgb(28,18,119)
-
#201588
#201588
rgb(32,21,136)
-
#241899
#241899
rgb(36,24,153)
-
#281aaa
#281aaa
rgb(40,26,170)
-
#2c1dbb
#2c1dbb
rgb(44,29,187)
-
#3020cc
#3020cc
rgb(48,32,204)
-
#3422dd
#3422dd
rgb(52,34,221)
-
#4333df
#4333df
rgb(67,51,223)
-
#5344e2
#5344e2
rgb(83,68,226)
-
#6355e5
#6355e5
rgb(99,85,229)
-
#7266e7
#7266e7
rgb(114,102,231)
-
#8277ea
#8277ea
rgb(130,119,234)
-
#9188ed
#9188ed
rgb(145,136,237)
-
#a199ef
#a199ef
rgb(161,153,239)
-
#b1aaf2
#b1aaf2
rgb(177,170,242)
-
#c0bbf4
#c0bbf4
rgb(192,187,244)
-
#d0ccf7
#d0ccf7
rgb(208,204,247)
-
#e0ddfa
#e0ddfa
rgb(224,221,250)
-
#efeefc
#efeefc
rgb(239,238,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5344e2
A tone is produced by adding gray to any pure hue. In this case, #908f97 is the less saturated color, while #3f2bfb is the most saturated one.
-
#908f97
#908f97
rgb(144,143,151)
-
#8986a0
#8986a0
rgb(137,134,160)
-
#827ea8
#827ea8
rgb(130,126,168)
-
#7b76b0
#7b76b0
rgb(123,118,176)
-
#756eb8
#756eb8
rgb(117,110,184)
-
#6e65c1
#6e65c1
rgb(110,101,193)
-
#675dc9
#675dc9
rgb(103,93,201)
-
#6055d1
#6055d1
rgb(96,85,209)
-
#5a4cda
#5a4cda
rgb(90,76,218)
-
#5344e2
#5344e2
rgb(83,68,226)
-
#4c3cea
#4c3cea
rgb(76,60,234)
-
#4633f3
#4633f3
rgb(70,51,243)
-
#3f2bfb
#3f2bfb
rgb(63,43,251)
Color Blindness Simulator
Below, you can see how #5344e2 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.