#5a57f2 Color Information
In a RGB color space, hex #5a57f2 is composed of 35.3% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.2 degrees, a saturation of 85.6% and a lightness of 64.5%. #5a57f2 color hex could be obtained by blending #b4aeff with #0000e5. Closest websafe color is: #6666ff.
-
- R 35
- G 34
- B 95
-
- C 63
- M 64
- Y 0
- K 5
● #5a57f2 color description : Soft blue.
#5a57f2 Color Conversion
The hexadecimal color #5a57f2 has RGB values of R:90, G:87, B:242 and CMYK values of C:0.63, M:0.64, Y:0, K:0.05. Its decimal value is 5920754.
Hex triplet | 5a57f2 | #5a57f2 |
---|---|---|
RGB Decimal | 90, 87, 242 | rgb(90,87,242) |
RGB Percent | 35.3, 34.1, 94.9 | rgb(35.3%,34.1%,94.9%) |
CMYK | 63, 64, 0, 5 | |
HSL | 241.2°, 85.6, 64.5 | hsl(241.2,85.6%,64.5%) |
HSV (or HSB) | 241.2°, 64, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.177, 46.475, -77.476 |
---|---|
XYZ | 23.649, 15.4, 85.726 |
xyY | 0.19, 0.123, 15.4 |
CIE-LCH | 46.177, 90.346, 300.958 |
CIE-LUV | 46.177, -7.817, -118.585 |
Hunter-Lab | 39.243, 38.894, -102.05 |
Binary | 01011010, 01010111, 11110010 |
Color Schemes with #5a57f2
Alternatives to #5a57f2
Below, you can see some colors close to #5a57f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a57f2 Preview
This text has a font color of #5a57f2.
<span style="color:#5a57f2;">Text here</span>
This paragraph has a background color of #5a57f2.
<p style="background-color:#5a57f2;">Content here</p>
This element has a border color of #5a57f2.
<div style="border:1px solid #5a57f2;">Content here</div>
.text {color:#5a57f2;}
.background {background-color:#5a57f2;}
.border {border:1px solid #5a57f2;}
Shades and Tints of #5a57f2
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, #01010e is the darkest color, while #fbfbff is the lightest one.
-
#01010e
#01010e
rgb(1,1,14)
-
#030220
#030220
rgb(3,2,32)
-
#050432
#050432
rgb(5,4,50)
-
#070545
#070545
rgb(7,5,69)
-
#080757
#080757
rgb(8,7,87)
-
#0a0869
#0a0869
rgb(10,8,105)
-
#0c0a7b
#0c0a7b
rgb(12,10,123)
-
#0d0b8e
#0d0b8e
rgb(13,11,142)
-
#0f0ca0
#0f0ca0
rgb(15,12,160)
-
#110eb2
#110eb2
rgb(17,14,178)
-
#130fc4
#130fc4
rgb(19,15,196)
-
#1411d6
#1411d6
rgb(20,17,214)
-
#1612e9
#1612e9
rgb(22,18,233)
-
#2420ee
#2420ee
rgb(36,32,238)
-
#3633ef
#3633ef
rgb(54,51,239)
-
#4845f1
#4845f1
rgb(72,69,241)
-
#5a57f2
#5a57f2
rgb(90,87,242)
-
#6c69f3
#6c69f3
rgb(108,105,243)
-
#7e7bf5
#7e7bf5
rgb(126,123,245)
-
#908ef6
#908ef6
rgb(144,142,246)
-
#a2a0f8
#a2a0f8
rgb(162,160,248)
-
#b3b2f9
#b3b2f9
rgb(179,178,249)
-
#c5c4fa
#c5c4fa
rgb(197,196,250)
-
#d7d6fc
#d7d6fc
rgb(215,214,252)
-
#e9e9fd
#e9e9fd
rgb(233,233,253)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #5a57f2
A tone is produced by adding gray to any pure hue. In this case, #a4a4a5 is the less saturated color, while #5350f9 is the most saturated one.
-
#a4a4a5
#a4a4a5
rgb(164,164,165)
-
#9d9dac
#9d9dac
rgb(157,157,172)
-
#9696b3
#9696b3
rgb(150,150,179)
-
#908fba
#908fba
rgb(144,143,186)
-
#8988c1
#8988c1
rgb(137,136,193)
-
#8281c8
#8281c8
rgb(130,129,200)
-
#7b7acf
#7b7acf
rgb(123,122,207)
-
#7573d6
#7573d6
rgb(117,115,214)
-
#6e6cdd
#6e6cdd
rgb(110,108,221)
-
#6765e4
#6765e4
rgb(103,101,228)
-
#615eeb
#615eeb
rgb(97,94,235)
-
#5a57f2
#5a57f2
rgb(90,87,242)
-
#5350f9
#5350f9
rgb(83,80,249)
Color Blindness Simulator
Below, you can see how #5a57f2 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.