#4a86ff Color Information
In a RGB color space, hex #4a86ff is composed of 29% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 220.1 degrees, a saturation of 100% and a lightness of 64.5%. #4a86ff color hex could be obtained by blending #94ffff with #000dff. Closest websafe color is: #3399ff.
-
- R 29
- G 53
- B 100
-
- C 71
- M 47
- Y 0
- K 0
● #4a86ff color description : Light blue.
#4a86ff Color Conversion
The hexadecimal color #4a86ff has RGB values of R:74, G:134, B:255 and CMYK values of C:0.71, M:0.47, Y:0, K:0. Its decimal value is 4884223.
Hex triplet | 4a86ff | #4a86ff |
---|---|---|
RGB Decimal | 74, 134, 255 | rgb(74,134,255) |
RGB Percent | 29, 52.5, 100 | rgb(29%,52.5%,100%) |
CMYK | 71, 47, 0, 0 | |
HSL | 220.1°, 100, 64.5 | hsl(220.1,100%,64.5%) |
HSV (or HSB) | 220.1°, 71, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.774, 20.137, -65.917 |
---|---|
XYZ | 29.395, 25.724, 98.018 |
xyY | 0.192, 0.168, 25.724 |
CIE-LCH | 57.774, 68.924, 286.988 |
CIE-LUV | 57.774, -24.088, -106.606 |
Hunter-Lab | 50.719, 14.696, -79.08 |
Binary | 01001010, 10000110, 11111111 |
Color Schemes with #4a86ff
Alternatives to #4a86ff
Below, you can see some colors close to #4a86ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4a86ff Preview
This text has a font color of #4a86ff.
<span style="color:#4a86ff;">Text here</span>
This paragraph has a background color of #4a86ff.
<p style="background-color:#4a86ff;">Content here</p>
This element has a border color of #4a86ff.
<div style="border:1px solid #4a86ff;">Content here</div>
.text {color:#4a86ff;}
.background {background-color:#4a86ff;}
.border {border:1px solid #4a86ff;}
Shades and Tints of #4a86ff
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, #00050f is the darkest color, while #fbfcff is the lightest one.
-
#00050f
#00050f
rgb(0,5,15)
-
#000c23
#000c23
rgb(0,12,35)
-
#001236
#001236
rgb(0,18,54)
-
#00194a
#00194a
rgb(0,25,74)
-
#001f5e
#001f5e
rgb(0,31,94)
-
#002671
#002671
rgb(0,38,113)
-
#002c85
#002c85
rgb(0,44,133)
-
#003398
#003398
rgb(0,51,152)
-
#0039ac
#0039ac
rgb(0,57,172)
-
#0040c0
#0040c0
rgb(0,64,192)
-
#0046d3
#0046d3
rgb(0,70,211)
-
#004de7
#004de7
rgb(0,77,231)
-
#0053fb
#0053fb
rgb(0,83,251)
-
#0f5fff
#0f5fff
rgb(15,95,255)
-
#236cff
#236cff
rgb(35,108,255)
-
#3679ff
#3679ff
rgb(54,121,255)
-
#4a86ff
#4a86ff
rgb(74,134,255)
-
#5e93ff
#5e93ff
rgb(94,147,255)
-
#71a0ff
#71a0ff
rgb(113,160,255)
-
#85adff
#85adff
rgb(133,173,255)
-
#98baff
#98baff
rgb(152,186,255)
-
#acc8ff
#acc8ff
rgb(172,200,255)
-
#c0d5ff
#c0d5ff
rgb(192,213,255)
-
#d3e2ff
#d3e2ff
rgb(211,226,255)
-
#e7efff
#e7efff
rgb(231,239,255)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #4a86ff
A tone is produced by adding gray to any pure hue. In this case, #9ea2ab is the less saturated color, while #4a86ff is the most saturated one.
-
#9ea2ab
#9ea2ab
rgb(158,162,171)
-
#97a0b2
#97a0b2
rgb(151,160,178)
-
#909db9
#909db9
rgb(144,157,185)
-
#899bc0
#899bc0
rgb(137,155,192)
-
#8299c7
#8299c7
rgb(130,153,199)
-
#7b96ce
#7b96ce
rgb(123,150,206)
-
#7494d5
#7494d5
rgb(116,148,213)
-
#6d92dc
#6d92dc
rgb(109,146,220)
-
#668fe3
#668fe3
rgb(102,143,227)
-
#5f8dea
#5f8dea
rgb(95,141,234)
-
#588bf1
#588bf1
rgb(88,139,241)
-
#5188f8
#5188f8
rgb(81,136,248)
-
#4a86ff
#4a86ff
rgb(74,134,255)
Color Blindness Simulator
Below, you can see how #4a86ff 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.