#4b86e6 Color Information
In a RGB color space, hex #4b86e6 is composed of 29.4% red, 52.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 41.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 217.2 degrees, a saturation of 75.6% and a lightness of 59.8%. #4b86e6 color hex could be obtained by blending #96ffff with #000dcd. Closest websafe color is: #3399ff.
-
- R 29
- G 53
- B 90
-
- C 67
- M 42
- Y 0
- K 10
● #4b86e6 color description : Soft blue.
#4b86e6 Color Conversion
The hexadecimal color #4b86e6 has RGB values of R:75, G:134, B:230 and CMYK values of C:0.67, M:0.42, Y:0, K:0.1. Its decimal value is 4949734.
Hex triplet | 4b86e6 | #4b86e6 |
---|---|---|
RGB Decimal | 75, 134, 230 | rgb(75,134,230) |
RGB Percent | 29.4, 52.5, 90.2 | rgb(29.4%,52.5%,90.2%) |
CMYK | 67, 42, 0, 10 | |
HSL | 217.2°, 75.6, 59.8 | hsl(217.2,75.6%,59.8%) |
HSV (or HSB) | 217.2°, 67.4, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.345, 11.519, -54.364 |
---|---|
XYZ | 25.706, 24.257, 78.186 |
xyY | 0.201, 0.189, 24.257 |
CIE-LCH | 56.345, 55.571, 281.963 |
CIE-LUV | 56.345, -24.236, -86.828 |
Hunter-Lab | 49.252, 6.975, -59.645 |
Binary | 01001011, 10000110, 11100110 |
Color Schemes with #4b86e6
Alternatives to #4b86e6
Below, you can see some colors close to #4b86e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4b86e6 Preview
This text has a font color of #4b86e6.
<span style="color:#4b86e6;">Text here</span>
This paragraph has a background color of #4b86e6.
<p style="background-color:#4b86e6;">Content here</p>
This element has a border color of #4b86e6.
<div style="border:1px solid #4b86e6;">Content here</div>
.text {color:#4b86e6;}
.background {background-color:#4b86e6;}
.border {border:1px solid #4b86e6;}
Shades and Tints of #4b86e6
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, #010409 is the darkest color, while #f7fafe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#040c1b
#040c1b
rgb(4,12,27)
-
#06142c
#06142c
rgb(6,20,44)
-
#081d3d
#081d3d
rgb(8,29,61)
-
#0b254e
#0b254e
rgb(11,37,78)
-
#0d2d60
#0d2d60
rgb(13,45,96)
-
#103571
#103571
rgb(16,53,113)
-
#123d82
#123d82
rgb(18,61,130)
-
#144593
#144593
rgb(20,69,147)
-
#174da4
#174da4
rgb(23,77,164)
-
#1955b6
#1955b6
rgb(25,85,182)
-
#1c5dc7
#1c5dc7
rgb(28,93,199)
-
#1e65d8
#1e65d8
rgb(30,101,216)
-
#296fe1
#296fe1
rgb(41,111,225)
-
#3a7ae4
#3a7ae4
rgb(58,122,228)
-
#4b86e6
#4b86e6
rgb(75,134,230)
-
#5c92e8
#5c92e8
rgb(92,146,232)
-
#6d9deb
#6d9deb
rgb(109,157,235)
-
#7fa9ed
#7fa9ed
rgb(127,169,237)
-
#90b4f0
#90b4f0
rgb(144,180,240)
-
#a1c0f2
#a1c0f2
rgb(161,192,242)
-
#b2cbf4
#b2cbf4
rgb(178,203,244)
-
#c4d7f7
#c4d7f7
rgb(196,215,247)
-
#d5e3f9
#d5e3f9
rgb(213,227,249)
-
#e6eefc
#e6eefc
rgb(230,238,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #4b86e6
A tone is produced by adding gray to any pure hue. In this case, #92979f is the less saturated color, while #3380fe is the most saturated one.
-
#92979f
#92979f
rgb(146,151,159)
-
#8a95a7
#8a95a7
rgb(138,149,167)
-
#8293af
#8293af
rgb(130,147,175)
-
#7a91b7
#7a91b7
rgb(122,145,183)
-
#728fbf
#728fbf
rgb(114,143,191)
-
#6b8ec6
#6b8ec6
rgb(107,142,198)
-
#638cce
#638cce
rgb(99,140,206)
-
#5b8ad6
#5b8ad6
rgb(91,138,214)
-
#5388de
#5388de
rgb(83,136,222)
-
#4b86e6
#4b86e6
rgb(75,134,230)
-
#4384ee
#4384ee
rgb(67,132,238)
-
#3b82f6
#3b82f6
rgb(59,130,246)
-
#3380fe
#3380fe
rgb(51,128,254)
Color Blindness Simulator
Below, you can see how #4b86e6 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.