#506fff Color Information
In a RGB color space, hex #506fff is composed of 31.4% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 229.4 degrees, a saturation of 100% and a lightness of 65.7%. #506fff color hex could be obtained by blending #a0deff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 44
- B 100
-
- C 69
- M 56
- Y 0
- K 0
● #506fff color description : Light blue.
#506fff Color Conversion
The hexadecimal color #506fff has RGB values of R:80, G:111, B:255 and CMYK values of C:0.69, M:0.56, Y:0, K:0. Its decimal value is 5271551.
Hex triplet | 506fff | #506fff |
---|---|---|
RGB Decimal | 80, 111, 255 | rgb(80,111,255) |
RGB Percent | 31.4, 43.5, 100 | rgb(31.4%,43.5%,100%) |
CMYK | 69, 56, 0, 0 | |
HSL | 229.4°, 100, 65.7 | hsl(229.4,100%,65.7%) |
HSV (or HSB) | 229.4°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.167, 35.021, -74.976 |
---|---|
XYZ | 27.039, 20.293, 97.094 |
xyY | 0.187, 0.141, 20.293 |
CIE-LCH | 52.167, 82.752, 295.037 |
CIE-LUV | 52.167, -16.381, -118.711 |
Hunter-Lab | 45.047, 28.309, -96.259 |
Binary | 01010000, 01101111, 11111111 |
Color Schemes with #506fff
Alternatives to #506fff
Below, you can see some colors close to #506fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506fff Preview
This text has a font color of #506fff.
<span style="color:#506fff;">Text here</span>
This paragraph has a background color of #506fff.
<p style="background-color:#506fff;">Content here</p>
This element has a border color of #506fff.
<div style="border:1px solid #506fff;">Content here</div>
.text {color:#506fff;}
.background {background-color:#506fff;}
.border {border:1px solid #506fff;}
Shades and Tints of #506fff
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)
-
#000b3c
#000b3c
rgb(0,11,60)
-
#000e50
#000e50
rgb(0,14,80)
-
#001264
#001264
rgb(0,18,100)
-
#001577
#001577
rgb(0,21,119)
-
#00198b
#00198b
rgb(0,25,139)
-
#001c9e
#001c9e
rgb(0,28,158)
-
#0020b2
#0020b2
rgb(0,32,178)
-
#0023c6
#0023c6
rgb(0,35,198)
-
#0026d9
#0026d9
rgb(0,38,217)
-
#002aed
#002aed
rgb(0,42,237)
-
#022eff
#022eff
rgb(2,46,255)
-
#153fff
#153fff
rgb(21,63,255)
-
#294fff
#294fff
rgb(41,79,255)
-
#3c5fff
#3c5fff
rgb(60,95,255)
-
#506fff
#506fff
rgb(80,111,255)
-
#647fff
#647fff
rgb(100,127,255)
-
#778fff
#778fff
rgb(119,143,255)
-
#8b9fff
#8b9fff
rgb(139,159,255)
-
#9eb0ff
#9eb0ff
rgb(158,176,255)
-
#b2c0ff
#b2c0ff
rgb(178,192,255)
-
#c6d0ff
#c6d0ff
rgb(198,208,255)
-
#d9e0ff
#d9e0ff
rgb(217,224,255)
-
#edf0ff
#edf0ff
rgb(237,240,255)
Tones of #506fff
A tone is produced by adding gray to any pure hue. In this case, #a1a3ae is the less saturated color, while #506fff 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)
-
#8692c9
#8692c9
rgb(134,146,201)
-
#7f8dd0
#7f8dd0
rgb(127,141,208)
-
#7889d7
#7889d7
rgb(120,137,215)
-
#7285dd
#7285dd
rgb(114,133,221)
-
#6b80e4
#6b80e4
rgb(107,128,228)
-
#647ceb
#647ceb
rgb(100,124,235)
-
#5d78f2
#5d78f2
rgb(93,120,242)
-
#5773f8
#5773f8
rgb(87,115,248)
-
#506fff
#506fff
rgb(80,111,255)
Color Blindness Simulator
Below, you can see how #506fff 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.