#506af9 Color Information
In a RGB color space, hex #506af9 is composed of 31.4% red, 41.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 57.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.8 degrees, a saturation of 93.4% and a lightness of 64.5%. #506af9 color hex could be obtained by blending #a0d4ff with #0000f3. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 98
-
- C 68
- M 57
- Y 0
- K 2
● #506af9 color description : Soft blue.
#506af9 Color Conversion
The hexadecimal color #506af9 has RGB values of R:80, G:106, B:249 and CMYK values of C:0.68, M:0.57, Y:0, K:0.02. Its decimal value is 5270265.
Hex triplet | 506af9 | #506af9 |
---|---|---|
RGB Decimal | 80, 106, 249 | rgb(80,106,249) |
RGB Percent | 31.4, 41.6, 97.6 | rgb(31.4%,41.6%,97.6%) |
CMYK | 68, 57, 0, 2 | |
HSL | 230.8°, 93.4, 64.5 | hsl(230.8,93.4%,64.5%) |
HSV (or HSB) | 230.8°, 67.9, 97.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.513, 36.029, -74.337 |
---|---|
XYZ | 25.558, 18.852, 91.909 |
xyY | 0.187, 0.138, 18.852 |
CIE-LCH | 50.513, 82.608, 295.858 |
CIE-LUV | 50.513, -14.975, -116.785 |
Hunter-Lab | 43.418, 29.089, -95.114 |
Binary | 01010000, 01101010, 11111001 |
Color Schemes with #506af9
Alternatives to #506af9
Below, you can see some colors close to #506af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506af9 Preview
This text has a font color of #506af9.
<span style="color:#506af9;">Text here</span>
This paragraph has a background color of #506af9.
<p style="background-color:#506af9;">Content here</p>
This element has a border color of #506af9.
<div style="border:1px solid #506af9;">Content here</div>
.text {color:#506af9;}
.background {background-color:#506af9;}
.border {border:1px solid #506af9;}
Shades and Tints of #506af9
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, #01030f is the darkest color, while #fbfbff is the lightest one.
-
#01030f
#01030f
rgb(1,3,15)
-
#010622
#010622
rgb(1,6,34)
-
#020a35
#020a35
rgb(2,10,53)
-
#020d48
#020d48
rgb(2,13,72)
-
#03115b
#03115b
rgb(3,17,91)
-
#04146d
#04146d
rgb(4,20,109)
-
#041780
#041780
rgb(4,23,128)
-
#051b93
#051b93
rgb(5,27,147)
-
#061ea6
#061ea6
rgb(6,30,166)
-
#0622b9
#0622b9
rgb(6,34,185)
-
#0725cc
#0725cc
rgb(7,37,204)
-
#0829df
#0829df
rgb(8,41,223)
-
#082cf2
#082cf2
rgb(8,44,242)
-
#173af7
#173af7
rgb(23,58,247)
-
#2a4af8
#2a4af8
rgb(42,74,248)
-
#3d5af8
#3d5af8
rgb(61,90,248)
-
#506af9
#506af9
rgb(80,106,249)
-
#637afa
#637afa
rgb(99,122,250)
-
#768afa
#768afa
rgb(118,138,250)
-
#899afb
#899afb
rgb(137,154,251)
-
#9cabfc
#9cabfc
rgb(156,171,252)
-
#afbbfc
#afbbfc
rgb(175,187,252)
-
#c2cbfd
#c2cbfd
rgb(194,203,253)
-
#d5dbfe
#d5dbfe
rgb(213,219,254)
-
#e8ebfe
#e8ebfe
rgb(232,235,254)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #506af9
A tone is produced by adding gray to any pure hue. In this case, #a4a4a5 is the less saturated color, while #506af9 is the most saturated one.
-
#a4a4a5
#a4a4a5
rgb(164,164,165)
-
#9d9fac
#9d9fac
rgb(157,159,172)
-
#969ab3
#969ab3
rgb(150,154,179)
-
#8f95ba
#8f95ba
rgb(143,149,186)
-
#8891c1
#8891c1
rgb(136,145,193)
-
#818cc8
#818cc8
rgb(129,140,200)
-
#7a87cf
#7a87cf
rgb(122,135,207)
-
#7382d6
#7382d6
rgb(115,130,214)
-
#6c7ddd
#6c7ddd
rgb(108,125,221)
-
#6578e4
#6578e4
rgb(101,120,228)
-
#5e74eb
#5e74eb
rgb(94,116,235)
-
#576ff2
#576ff2
rgb(87,111,242)
-
#506af9
#506af9
rgb(80,106,249)
Color Blindness Simulator
Below, you can see how #506af9 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.