#506eff Color Information
In a RGB color space, hex #506eff is composed of 31.4% red, 43.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 56.9% magenta, 0% yellow and 0% black. It has a hue angle of 229.7 degrees, a saturation of 100% and a lightness of 65.7%. #506eff color hex could be obtained by blending #a0dcff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 43
- B 100
-
- C 69
- M 57
- Y 0
- K 0
● #506eff color description : Light blue.
#506eff Color Conversion
The hexadecimal color #506eff has RGB values of R:80, G:110, B:255 and CMYK values of C:0.69, M:0.57, Y:0, K:0. Its decimal value is 5271295.
Hex triplet | 506eff | #506eff |
---|---|---|
RGB Decimal | 80, 110, 255 | rgb(80,110,255) |
RGB Percent | 31.4, 43.1, 100 | rgb(31.4%,43.1%,100%) |
CMYK | 69, 57, 0, 0 | |
HSL | 229.7°, 100, 65.7 | hsl(229.7,100%,65.7%) |
HSV (or HSB) | 229.7°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.923, 35.631, -75.373 |
---|---|
XYZ | 26.93, 20.076, 97.058 |
xyY | 0.187, 0.139, 20.076 |
CIE-LCH | 51.923, 83.37, 295.302 |
CIE-LUV | 51.923, -16.12, -119.175 |
Hunter-Lab | 44.806, 28.877, -97.069 |
Binary | 01010000, 01101110, 11111111 |
Color Schemes with #506eff
Alternatives to #506eff
Below, you can see some colors close to #506eff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506eff Preview
This text has a font color of #506eff.
<span style="color:#506eff;">Text here</span>
This paragraph has a background color of #506eff.
<p style="background-color:#506eff;">Content here</p>
This element has a border color of #506eff.
<div style="border:1px solid #506eff;">Content here</div>
.text {color:#506eff;}
.background {background-color:#506eff;}
.border {border:1px solid #506eff;}
Shades and Tints of #506eff
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, #000002 is the darkest color, while #edf0ff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000415
#000415
rgb(0,4,21)
-
#000729
#000729
rgb(0,7,41)
-
#000a3c
#000a3c
rgb(0,10,60)
-
#000e50
#000e50
rgb(0,14,80)
-
#001164
#001164
rgb(0,17,100)
-
#001477
#001477
rgb(0,20,119)
-
#00188b
#00188b
rgb(0,24,139)
-
#001b9e
#001b9e
rgb(0,27,158)
-
#001fb2
#001fb2
rgb(0,31,178)
-
#0022c6
#0022c6
rgb(0,34,198)
-
#0025d9
#0025d9
rgb(0,37,217)
-
#0029ed
#0029ed
rgb(0,41,237)
-
#022dff
#022dff
rgb(2,45,255)
-
#153dff
#153dff
rgb(21,61,255)
-
#294dff
#294dff
rgb(41,77,255)
-
#3c5eff
#3c5eff
rgb(60,94,255)
-
#506eff
#506eff
rgb(80,110,255)
-
#647eff
#647eff
rgb(100,126,255)
-
#778fff
#778fff
rgb(119,143,255)
-
#8b9fff
#8b9fff
rgb(139,159,255)
-
#9eafff
#9eafff
rgb(158,175,255)
-
#b2bfff
#b2bfff
rgb(178,191,255)
-
#c6d0ff
#c6d0ff
rgb(198,208,255)
-
#d9e0ff
#d9e0ff
rgb(217,224,255)
-
#edf0ff
#edf0ff
rgb(237,240,255)
Tones of #506eff
A tone is produced by adding gray to any pure hue. In this case, #a1a3ae is the less saturated color, while #506eff is the most saturated one.
-
#a1a3ae
#a1a3ae
rgb(161,163,174)
-
#9a9fb5
#9a9fb5
rgb(154,159,181)
-
#939abc
#939abc
rgb(147,154,188)
-
#8d96c2
#8d96c2
rgb(141,150,194)
-
#8691c9
#8691c9
rgb(134,145,201)
-
#7f8dd0
#7f8dd0
rgb(127,141,208)
-
#7889d7
#7889d7
rgb(120,137,215)
-
#7284dd
#7284dd
rgb(114,132,221)
-
#6b80e4
#6b80e4
rgb(107,128,228)
-
#647beb
#647beb
rgb(100,123,235)
-
#5d77f2
#5d77f2
rgb(93,119,242)
-
#5772f8
#5772f8
rgb(87,114,248)
-
#506eff
#506eff
rgb(80,110,255)
Color Blindness Simulator
Below, you can see how #506eff 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.