#506af0 Color Information
In a RGB color space, hex #506af0 is composed of 31.4% red, 41.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 55.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.3 degrees, a saturation of 84.2% and a lightness of 62.7%. #506af0 color hex could be obtained by blending #a0d4ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 94
-
- C 67
- M 56
- Y 0
- K 6
● #506af0 color description : Soft blue.
#506af0 Color Conversion
The hexadecimal color #506af0 has RGB values of R:80, G:106, B:240 and CMYK values of C:0.67, M:0.56, Y:0, K:0.06. Its decimal value is 5270256.
Hex triplet | 506af0 | #506af0 |
---|---|---|
RGB Decimal | 80, 106, 240 | rgb(80,106,240) |
RGB Percent | 31.4, 41.6, 94.1 | rgb(31.4%,41.6%,94.1%) |
CMYK | 67, 56, 0, 6 | |
HSL | 230.3°, 84.2, 62.7 | hsl(230.3,84.2%,62.7%) |
HSV (or HSB) | 230.3°, 66.7, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.862, 32.961, -70.376 |
---|---|
XYZ | 24.187, 18.303, 84.692 |
xyY | 0.19, 0.144, 18.303 |
CIE-LCH | 49.862, 77.713, 295.096 |
CIE-LUV | 49.862, -14.797, -110.422 |
Hunter-Lab | 42.782, 26.046, -87.422 |
Binary | 01010000, 01101010, 11110000 |
Color Schemes with #506af0
Alternatives to #506af0
Below, you can see some colors close to #506af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506af0 Preview
This text has a font color of #506af0.
<span style="color:#506af0;">Text here</span>
This paragraph has a background color of #506af0.
<p style="background-color:#506af0;">Content here</p>
This element has a border color of #506af0.
<div style="border:1px solid #506af0;">Content here</div>
.text {color:#506af0;}
.background {background-color:#506af0;}
.border {border:1px solid #506af0;}
Shades and Tints of #506af0
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, #000106 is the darkest color, while #f3f4fe is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#020618
#020618
rgb(2,6,24)
-
#040a2a
#040a2a
rgb(4,10,42)
-
#050e3c
#050e3c
rgb(5,14,60)
-
#07124e
#07124e
rgb(7,18,78)
-
#081660
#081660
rgb(8,22,96)
-
#0a1b72
#0a1b72
rgb(10,27,114)
-
#0b1f84
#0b1f84
rgb(11,31,132)
-
#0d2396
#0d2396
rgb(13,35,150)
-
#0e27a8
#0e27a8
rgb(14,39,168)
-
#102cba
#102cba
rgb(16,44,186)
-
#1230cc
#1230cc
rgb(18,48,204)
-
#1334de
#1334de
rgb(19,52,222)
-
#1a3ceb
#1a3ceb
rgb(26,60,235)
-
#2c4bed
#2c4bed
rgb(44,75,237)
-
#3e5bee
#3e5bee
rgb(62,91,238)
-
#506af0
#506af0
rgb(80,106,240)
-
#6279f2
#6279f2
rgb(98,121,242)
-
#7489f3
#7489f3
rgb(116,137,243)
-
#8698f5
#8698f5
rgb(134,152,245)
-
#98a8f6
#98a8f6
rgb(152,168,246)
-
#aab7f8
#aab7f8
rgb(170,183,248)
-
#bcc6f9
#bcc6f9
rgb(188,198,249)
-
#ced6fb
#ced6fb
rgb(206,214,251)
-
#e1e5fc
#e1e5fc
rgb(225,229,252)
-
#f3f4fe
#f3f4fe
rgb(243,244,254)
Tones of #506af0
A tone is produced by adding gray to any pure hue. In this case, #999ba7 is the less saturated color, while #4160ff is the most saturated one.
-
#999ba7
#999ba7
rgb(153,155,167)
-
#9296ae
#9296ae
rgb(146,150,174)
-
#8a91b6
#8a91b6
rgb(138,145,182)
-
#838dbd
#838dbd
rgb(131,141,189)
-
#7c88c4
#7c88c4
rgb(124,136,196)
-
#7583cb
#7583cb
rgb(117,131,203)
-
#6d7ed3
#6d7ed3
rgb(109,126,211)
-
#6679da
#6679da
rgb(102,121,218)
-
#5f74e1
#5f74e1
rgb(95,116,225)
-
#576fe9
#576fe9
rgb(87,111,233)
-
#506af0
#506af0
rgb(80,106,240)
-
#4965f7
#4965f7
rgb(73,101,247)
-
#4160ff
#4160ff
rgb(65,96,255)
Color Blindness Simulator
Below, you can see how #506af0 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.