#5066ff Color Information
In a RGB color space, hex #5066ff is composed of 31.4% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 232.5 degrees, a saturation of 100% and a lightness of 65.7%. #5066ff color hex could be obtained by blending #a0ccff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 40
- B 100
-
- C 69
- M 60
- Y 0
- K 0
● #5066ff color description : Light blue.
#5066ff Color Conversion
The hexadecimal color #5066ff has RGB values of R:80, G:102, B:255 and CMYK values of C:0.69, M:0.6, Y:0, K:0. Its decimal value is 5269247.
Hex triplet | 5066ff | #5066ff |
---|---|---|
RGB Decimal | 80, 102, 255 | rgb(80,102,255) |
RGB Percent | 31.4, 40, 100 | rgb(31.4%,40%,100%) |
CMYK | 69, 60, 0, 0 | |
HSL | 232.5°, 100, 65.7 | hsl(232.5,100%,65.7%) |
HSV (or HSB) | 232.5°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.01, 40.491, -78.489 |
---|---|
XYZ | 26.106, 18.427, 96.783 |
xyY | 0.185, 0.13, 18.427 |
CIE-LCH | 50.01, 88.318, 297.288 |
CIE-LUV | 50.01, -14.11, -122.617 |
Hunter-Lab | 42.926, 33.435, -103.629 |
Binary | 01010000, 01100110, 11111111 |
Color Schemes with #5066ff
Alternatives to #5066ff
Below, you can see some colors close to #5066ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5066ff Preview
This text has a font color of #5066ff.
<span style="color:#5066ff;">Text here</span>
This paragraph has a background color of #5066ff.
<p style="background-color:#5066ff;">Content here</p>
This element has a border color of #5066ff.
<div style="border:1px solid #5066ff;">Content here</div>
.text {color:#5066ff;}
.background {background-color:#5066ff;}
.border {border:1px solid #5066ff;}
Shades and Tints of #5066ff
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 #edefff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000315
#000315
rgb(0,3,21)
-
#000529
#000529
rgb(0,5,41)
-
#00083c
#00083c
rgb(0,8,60)
-
#000a50
#000a50
rgb(0,10,80)
-
#000d64
#000d64
rgb(0,13,100)
-
#000f77
#000f77
rgb(0,15,119)
-
#00118b
#00118b
rgb(0,17,139)
-
#00149e
#00149e
rgb(0,20,158)
-
#0016b2
#0016b2
rgb(0,22,178)
-
#0019c6
#0019c6
rgb(0,25,198)
-
#001bd9
#001bd9
rgb(0,27,217)
-
#001eed
#001eed
rgb(0,30,237)
-
#0221ff
#0221ff
rgb(2,33,255)
-
#1533ff
#1533ff
rgb(21,51,255)
-
#2944ff
#2944ff
rgb(41,68,255)
-
#3c55ff
#3c55ff
rgb(60,85,255)
-
#5066ff
#5066ff
rgb(80,102,255)
-
#6477ff
#6477ff
rgb(100,119,255)
-
#7788ff
#7788ff
rgb(119,136,255)
-
#8b99ff
#8b99ff
rgb(139,153,255)
-
#9eabff
#9eabff
rgb(158,171,255)
-
#b2bcff
#b2bcff
rgb(178,188,255)
-
#c6cdff
#c6cdff
rgb(198,205,255)
-
#d9deff
#d9deff
rgb(217,222,255)
-
#edefff
#edefff
rgb(237,239,255)
Tones of #5066ff
A tone is produced by adding gray to any pure hue. In this case, #a1a2ae is the less saturated color, while #5066ff is the most saturated one.
-
#a1a2ae
#a1a2ae
rgb(161,162,174)
-
#9a9db5
#9a9db5
rgb(154,157,181)
-
#9398bc
#9398bc
rgb(147,152,188)
-
#8d93c2
#8d93c2
rgb(141,147,194)
-
#868ec9
#868ec9
rgb(134,142,201)
-
#7f89d0
#7f89d0
rgb(127,137,208)
-
#7884d7
#7884d7
rgb(120,132,215)
-
#727fdd
#727fdd
rgb(114,127,221)
-
#6b7ae4
#6b7ae4
rgb(107,122,228)
-
#6475eb
#6475eb
rgb(100,117,235)
-
#5d70f2
#5d70f2
rgb(93,112,242)
-
#576bf8
#576bf8
rgb(87,107,248)
-
#5066ff
#5066ff
rgb(80,102,255)
Color Blindness Simulator
Below, you can see how #5066ff 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.