#506ee3 Color Information
In a RGB color space, hex #506ee3 is composed of 31.4% red, 43.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 51.5% magenta, 0% yellow and 11% black. It has a hue angle of 227.8 degrees, a saturation of 72.4% and a lightness of 60.2%. #506ee3 color hex could be obtained by blending #a0dcff with #0000c7. Closest websafe color is: #6666cc.
-
- R 31
- G 43
- B 89
-
- C 65
- M 52
- Y 0
- K 11
● #506ee3 color description : Soft blue.
#506ee3 Color Conversion
The hexadecimal color #506ee3 has RGB values of R:80, G:110, B:227 and CMYK values of C:0.65, M:0.52, Y:0, K:0.11. Its decimal value is 5271267.
Hex triplet | 506ee3 | #506ee3 |
---|---|---|
RGB Decimal | 80, 110, 227 | rgb(80,110,227) |
RGB Percent | 31.4, 43.1, 89 | rgb(31.4%,43.1%,89%) |
CMYK | 65, 52, 0, 11 | |
HSL | 227.8°, 72.4, 60.2 | hsl(227.8,72.4%,60.2%) |
HSV (or HSB) | 227.8°, 64.8, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.98, 26.031, -62.888 |
---|---|
XYZ | 22.746, 18.402, 75.022 |
xyY | 0.196, 0.158, 18.402 |
CIE-LCH | 49.98, 68.063, 292.486 |
CIE-LUV | 49.98, -15.692, -98.875 |
Hunter-Lab | 42.898, 19.579, -73.662 |
Binary | 01010000, 01101110, 11100011 |
Color Schemes with #506ee3
Alternatives to #506ee3
Below, you can see some colors close to #506ee3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506ee3 Preview
This text has a font color of #506ee3.
<span style="color:#506ee3;">Text here</span>
This paragraph has a background color of #506ee3.
<p style="background-color:#506ee3;">Content here</p>
This element has a border color of #506ee3.
<div style="border:1px solid #506ee3;">Content here</div>
.text {color:#506ee3;}
.background {background-color:#506ee3;}
.border {border:1px solid #506ee3;}
Shades and Tints of #506ee3
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, #02040b is the darkest color, while #f9fafe is the lightest one.
-
#02040b
#02040b
rgb(2,4,11)
-
#04091c
#04091c
rgb(4,9,28)
-
#070f2d
#070f2d
rgb(7,15,45)
-
#0a143e
#0a143e
rgb(10,20,62)
-
#0d1a4f
#0d1a4f
rgb(13,26,79)
-
#0f2060
#0f2060
rgb(15,32,96)
-
#122570
#122570
rgb(18,37,112)
-
#152b81
#152b81
rgb(21,43,129)
-
#173092
#173092
rgb(23,48,146)
-
#1a36a3
#1a36a3
rgb(26,54,163)
-
#1d3cb4
#1d3cb4
rgb(29,60,180)
-
#2041c5
#2041c5
rgb(32,65,197)
-
#2247d6
#2247d6
rgb(34,71,214)
-
#2e52de
#2e52de
rgb(46,82,222)
-
#3f60e0
#3f60e0
rgb(63,96,224)
-
#506ee3
#506ee3
rgb(80,110,227)
-
#617ce6
#617ce6
rgb(97,124,230)
-
#728ae8
#728ae8
rgb(114,138,232)
-
#8398eb
#8398eb
rgb(131,152,235)
-
#94a6ee
#94a6ee
rgb(148,166,238)
-
#a5b4f1
#a5b4f1
rgb(165,180,241)
-
#b5c2f3
#b5c2f3
rgb(181,194,243)
-
#c6d0f6
#c6d0f6
rgb(198,208,246)
-
#d7def9
#d7def9
rgb(215,222,249)
-
#e8ecfb
#e8ecfb
rgb(232,236,251)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #506ee3
A tone is produced by adding gray to any pure hue. In this case, #96989d is the less saturated color, while #3960fa is the most saturated one.
-
#96989d
#96989d
rgb(150,152,157)
-
#8e93a5
#8e93a5
rgb(142,147,165)
-
#878eac
#878eac
rgb(135,142,172)
-
#7f8ab4
#7f8ab4
rgb(127,138,180)
-
#7785bc
#7785bc
rgb(119,133,188)
-
#6f80c4
#6f80c4
rgb(111,128,196)
-
#677ccc
#677ccc
rgb(103,124,204)
-
#6077d3
#6077d3
rgb(96,119,211)
-
#5873db
#5873db
rgb(88,115,219)
-
#506ee3
#506ee3
rgb(80,110,227)
-
#4869eb
#4869eb
rgb(72,105,235)
-
#4065f3
#4065f3
rgb(64,101,243)
-
#3960fa
#3960fa
rgb(57,96,250)
Color Blindness Simulator
Below, you can see how #506ee3 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.