#506dff Color Information
In a RGB color space, hex #506dff is composed of 31.4% red, 42.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 57.3% magenta, 0% yellow and 0% black. It has a hue angle of 230.1 degrees, a saturation of 100% and a lightness of 65.7%. #506dff color hex could be obtained by blending #a0daff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 43
- B 100
-
- C 69
- M 57
- Y 0
- K 0
● #506dff color description : Light blue.
#506dff Color Conversion
The hexadecimal color #506dff has RGB values of R:80, G:109, B:255 and CMYK values of C:0.69, M:0.57, Y:0, K:0. Its decimal value is 5271039.
Hex triplet | 506dff | #506dff |
---|---|---|
RGB Decimal | 80, 109, 255 | rgb(80,109,255) |
RGB Percent | 31.4, 42.7, 100 | rgb(31.4%,42.7%,100%) |
CMYK | 69, 57, 0, 0 | |
HSL | 230.1°, 100, 65.7 | hsl(230.1,100%,65.7%) |
HSV (or HSB) | 230.1°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.68, 36.241, -75.768 |
---|---|
XYZ | 26.823, 19.861, 97.022 |
xyY | 0.187, 0.138, 19.861 |
CIE-LCH | 51.68, 83.989, 295.563 |
CIE-LUV | 51.68, -15.861, -119.632 |
Hunter-Lab | 44.566, 29.445, -97.882 |
Binary | 01010000, 01101101, 11111111 |
Color Schemes with #506dff
Alternatives to #506dff
Below, you can see some colors close to #506dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506dff Preview
This text has a font color of #506dff.
<span style="color:#506dff;">Text here</span>
This paragraph has a background color of #506dff.
<p style="background-color:#506dff;">Content here</p>
This element has a border color of #506dff.
<div style="border:1px solid #506dff;">Content here</div>
.text {color:#506dff;}
.background {background-color:#506dff;}
.border {border:1px solid #506dff;}
Shades and Tints of #506dff
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)
-
#000d50
#000d50
rgb(0,13,80)
-
#001164
#001164
rgb(0,17,100)
-
#001477
#001477
rgb(0,20,119)
-
#00178b
#00178b
rgb(0,23,139)
-
#001a9e
#001a9e
rgb(0,26,158)
-
#001eb2
#001eb2
rgb(0,30,178)
-
#0021c6
#0021c6
rgb(0,33,198)
-
#0024d9
#0024d9
rgb(0,36,217)
-
#0027ed
#0027ed
rgb(0,39,237)
-
#022cff
#022cff
rgb(2,44,255)
-
#153cff
#153cff
rgb(21,60,255)
-
#294cff
#294cff
rgb(41,76,255)
-
#3c5dff
#3c5dff
rgb(60,93,255)
-
#506dff
#506dff
rgb(80,109,255)
-
#647dff
#647dff
rgb(100,125,255)
-
#778eff
#778eff
rgb(119,142,255)
-
#8b9eff
#8b9eff
rgb(139,158,255)
-
#9eaeff
#9eaeff
rgb(158,174,255)
-
#b2bfff
#b2bfff
rgb(178,191,255)
-
#c6cfff
#c6cfff
rgb(198,207,255)
-
#d9e0ff
#d9e0ff
rgb(217,224,255)
-
#edf0ff
#edf0ff
rgb(237,240,255)
Tones of #506dff
A tone is produced by adding gray to any pure hue. In this case, #a1a3ae is the less saturated color, while #506dff 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)
-
#7888d7
#7888d7
rgb(120,136,215)
-
#7284dd
#7284dd
rgb(114,132,221)
-
#6b7fe4
#6b7fe4
rgb(107,127,228)
-
#647beb
#647beb
rgb(100,123,235)
-
#5d76f2
#5d76f2
rgb(93,118,242)
-
#5772f8
#5772f8
rgb(87,114,248)
-
#506dff
#506dff
rgb(80,109,255)
Color Blindness Simulator
Below, you can see how #506dff 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.