#586af4 Color Information
In a RGB color space, hex #586af4 is composed of 34.5% red, 41.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 56.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 233.1 degrees, a saturation of 87.6% and a lightness of 65.1%. #586af4 color hex could be obtained by blending #b0d4ff with #0000e9. Closest websafe color is: #6666ff.
-
- R 35
- G 42
- B 96
-
- C 64
- M 57
- Y 0
- K 4
● #586af4 color description : Soft blue.
#586af4 Color Conversion
The hexadecimal color #586af4 has RGB values of R:88, G:106, B:244 and CMYK values of C:0.64, M:0.57, Y:0, K:0.04. Its decimal value is 5794548.
Hex triplet | 586af4 | #586af4 |
---|---|---|
RGB Decimal | 88, 106, 244 | rgb(88,106,244) |
RGB Percent | 34.5, 41.6, 95.7 | rgb(34.5%,41.6%,95.7%) |
CMYK | 64, 57, 0, 4 | |
HSL | 233.1°, 87.6, 65.1 | hsl(233.1,87.6%,65.1%) |
HSV (or HSB) | 233.1°, 63.9, 95.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.585, 35.493, -71.416 |
---|---|
XYZ | 25.504, 18.913, 87.89 |
xyY | 0.193, 0.143, 18.913 |
CIE-LCH | 50.585, 79.75, 296.427 |
CIE-LUV | 50.585, -12.993, -112.586 |
Hunter-Lab | 43.489, 28.576, -89.38 |
Binary | 01011000, 01101010, 11110100 |
Color Schemes with #586af4
Alternatives to #586af4
Below, you can see some colors close to #586af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#586af4 Preview
This text has a font color of #586af4.
<span style="color:#586af4;">Text here</span>
This paragraph has a background color of #586af4.
<p style="background-color:#586af4;">Content here</p>
This element has a border color of #586af4.
<div style="border:1px solid #586af4;">Content here</div>
.text {color:#586af4;}
.background {background-color:#586af4;}
.border {border:1px solid #586af4;}
Shades and Tints of #586af4
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, #010311 is the darkest color, while #fefeff is the lightest one.
-
#010311
#010311
rgb(1,3,17)
-
#020623
#020623
rgb(2,6,35)
-
#040936
#040936
rgb(4,9,54)
-
#050d48
#050d48
rgb(5,13,72)
-
#06105b
#06105b
rgb(6,16,91)
-
#07136d
#07136d
rgb(7,19,109)
-
#08167f
#08167f
rgb(8,22,127)
-
#0a1992
#0a1992
rgb(10,25,146)
-
#0b1da4
#0b1da4
rgb(11,29,164)
-
#0c20b7
#0c20b7
rgb(12,32,183)
-
#0d23c9
#0d23c9
rgb(13,35,201)
-
#0e26db
#0e26db
rgb(14,38,219)
-
#1029ee
#1029ee
rgb(16,41,238)
-
#2139f0
#2139f0
rgb(33,57,240)
-
#3349f2
#3349f2
rgb(51,73,242)
-
#465af3
#465af3
rgb(70,90,243)
-
#586af4
#586af4
rgb(88,106,244)
-
#6a7af5
#6a7af5
rgb(106,122,245)
-
#7d8bf6
#7d8bf6
rgb(125,139,246)
-
#8f9bf8
#8f9bf8
rgb(143,155,248)
-
#a2acf9
#a2acf9
rgb(162,172,249)
-
#b4bcfa
#b4bcfa
rgb(180,188,250)
-
#c6cdfb
#c6cdfb
rgb(198,205,251)
-
#d9ddfc
#d9ddfc
rgb(217,221,252)
-
#ebedfe
#ebedfe
rgb(235,237,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #586af4
A tone is produced by adding gray to any pure hue. In this case, #a3a4a9 is the less saturated color, while #5165fb is the most saturated one.
-
#a3a4a9
#a3a4a9
rgb(163,164,169)
-
#9c9fb0
#9c9fb0
rgb(156,159,176)
-
#9699b6
#9699b6
rgb(150,153,182)
-
#8f94bd
#8f94bd
rgb(143,148,189)
-
#888fc4
#888fc4
rgb(136,143,196)
-
#818acb
#818acb
rgb(129,138,203)
-
#7a84d2
#7a84d2
rgb(122,132,210)
-
#737fd9
#737fd9
rgb(115,127,217)
-
#6d7adf
#6d7adf
rgb(109,122,223)
-
#6675e6
#6675e6
rgb(102,117,230)
-
#5f6fed
#5f6fed
rgb(95,111,237)
-
#586af4
#586af4
rgb(88,106,244)
-
#5165fb
#5165fb
rgb(81,101,251)
Color Blindness Simulator
Below, you can see how #586af4 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.