#5a72e3 Color Information
In a RGB color space, hex #5a72e3 is composed of 35.3% red, 44.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 49.8% magenta, 0% yellow and 11% black. It has a hue angle of 229.5 degrees, a saturation of 71% and a lightness of 62.2%. #5a72e3 color hex could be obtained by blending #b4e4ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 35
- G 45
- B 89
-
- C 60
- M 50
- Y 0
- K 11
● #5a72e3 color description : Soft blue.
#5a72e3 Color Conversion
The hexadecimal color #5a72e3 has RGB values of R:90, G:114, B:227 and CMYK values of C:0.6, M:0.5, Y:0, K:0.11. Its decimal value is 5927651.
Hex triplet | 5a72e3 | #5a72e3 |
---|---|---|
RGB Decimal | 90, 114, 227 | rgb(90,114,227) |
RGB Percent | 35.3, 44.7, 89 | rgb(35.3%,44.7%,89%) |
CMYK | 60, 50, 0, 11 | |
HSL | 229.5°, 71, 62.2 | hsl(229.5,71%,62.2%) |
HSV (or HSB) | 229.5°, 60.4, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.557, 25.257, -60.318 |
---|---|
XYZ | 24.096, 19.753, 75.212 |
xyY | 0.202, 0.166, 19.753 |
CIE-LCH | 51.557, 65.393, 292.72 |
CIE-LUV | 51.557, -14.29, -95.678 |
Hunter-Lab | 44.444, 18.998, -69.223 |
Binary | 01011010, 01110010, 11100011 |
Color Schemes with #5a72e3
Alternatives to #5a72e3
Below, you can see some colors close to #5a72e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a72e3 Preview
This text has a font color of #5a72e3.
<span style="color:#5a72e3;">Text here</span>
This paragraph has a background color of #5a72e3.
<p style="background-color:#5a72e3;">Content here</p>
This element has a border color of #5a72e3.
<div style="border:1px solid #5a72e3;">Content here</div>
.text {color:#5a72e3;}
.background {background-color:#5a72e3;}
.border {border:1px solid #5a72e3;}
Shades and Tints of #5a72e3
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, #000103 is the darkest color, while #f1f3fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030613
#030613
rgb(3,6,19)
-
#060b24
#060b24
rgb(6,11,36)
-
#091135
#091135
rgb(9,17,53)
-
#0c1646
#0c1646
rgb(12,22,70)
-
#0f1b57
#0f1b57
rgb(15,27,87)
-
#122167
#122167
rgb(18,33,103)
-
#142678
#142678
rgb(20,38,120)
-
#172b89
#172b89
rgb(23,43,137)
-
#1a309a
#1a309a
rgb(26,48,154)
-
#1d36aa
#1d36aa
rgb(29,54,170)
-
#203bbb
#203bbb
rgb(32,59,187)
-
#2340cc
#2340cc
rgb(35,64,204)
-
#2847da
#2847da
rgb(40,71,218)
-
#3855dd
#3855dd
rgb(56,85,221)
-
#4964e0
#4964e0
rgb(73,100,224)
-
#5a72e3
#5a72e3
rgb(90,114,227)
-
#6b80e6
#6b80e6
rgb(107,128,230)
-
#7c8fe9
#7c8fe9
rgb(124,143,233)
-
#8c9dec
#8c9dec
rgb(140,157,236)
-
#9dabee
#9dabee
rgb(157,171,238)
-
#aebaf1
#aebaf1
rgb(174,186,241)
-
#bfc8f4
#bfc8f4
rgb(191,200,244)
-
#cfd6f7
#cfd6f7
rgb(207,214,247)
-
#e0e5fa
#e0e5fa
rgb(224,229,250)
-
#f1f3fd
#f1f3fd
rgb(241,243,253)
Tones of #5a72e3
A tone is produced by adding gray to any pure hue. In this case, #9d9da0 is the less saturated color, while #4464f9 is the most saturated one.
-
#9d9da0
#9d9da0
rgb(157,157,160)
-
#9599a8
#9599a8
rgb(149,153,168)
-
#8e94af
#8e94af
rgb(142,148,175)
-
#878fb6
#878fb6
rgb(135,143,182)
-
#7f8abe
#7f8abe
rgb(127,138,190)
-
#7885c5
#7885c5
rgb(120,133,197)
-
#7080cd
#7080cd
rgb(112,128,205)
-
#697cd4
#697cd4
rgb(105,124,212)
-
#6177dc
#6177dc
rgb(97,119,220)
-
#5a72e3
#5a72e3
rgb(90,114,227)
-
#536dea
#536dea
rgb(83,109,234)
-
#4b68f2
#4b68f2
rgb(75,104,242)
-
#4464f9
#4464f9
rgb(68,100,249)
Color Blindness Simulator
Below, you can see how #5a72e3 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.