#4870e0 Color Information
In a RGB color space, hex #4870e0 is composed of 28.2% red, 43.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 50% magenta, 0% yellow and 12.2% black. It has a hue angle of 224.2 degrees, a saturation of 71% and a lightness of 58%. #4870e0 color hex could be obtained by blending #90e0ff with #0000c1. Closest websafe color is: #3366cc.
-
- R 28
- G 44
- B 88
-
- C 68
- M 50
- Y 0
- K 12
● #4870e0 color description : Soft blue.
#4870e0 Color Conversion
The hexadecimal color #4870e0 has RGB values of R:72, G:112, B:224 and CMYK values of C:0.68, M:0.5, Y:0, K:0.12. Its decimal value is 4747488.
Hex triplet | 4870e0 | #4870e0 |
---|---|---|
RGB Decimal | 72, 112, 224 | rgb(72,112,224) |
RGB Percent | 28.2, 43.9, 87.8 | rgb(28.2%,43.9%,87.8%) |
CMYK | 68, 50, 0, 12 | |
HSL | 224.2°, 71, 58 | hsl(224.2,71%,58%) |
HSV (or HSB) | 224.2°, 67.9, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 49.914, 22.504, -61.324 |
---|---|
XYZ | 21.918, 18.346, 72.903 |
xyY | 0.194, 0.162, 18.346 |
CIE-LCH | 49.914, 65.322, 290.152 |
CIE-LUV | 49.914, -18.086, -96.184 |
Hunter-Lab | 42.833, 16.384, -70.931 |
Binary | 01001000, 01110000, 11100000 |
Color Schemes with #4870e0
Alternatives to #4870e0
Below, you can see some colors close to #4870e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4870e0 Preview
This text has a font color of #4870e0.
<span style="color:#4870e0;">Text here</span>
This paragraph has a background color of #4870e0.
<p style="background-color:#4870e0;">Content here</p>
This element has a border color of #4870e0.
<div style="border:1px solid #4870e0;">Content here</div>
.text {color:#4870e0;}
.background {background-color:#4870e0;}
.border {border:1px solid #4870e0;}
Shades and Tints of #4870e0
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, #000102 is the darkest color, while #f0f3fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030712
#030712
rgb(3,7,18)
-
#060e23
#060e23
rgb(6,14,35)
-
#091434
#091434
rgb(9,20,52)
-
#0c1b45
#0c1b45
rgb(12,27,69)
-
#0e2155
#0e2155
rgb(14,33,85)
-
#112866
#112866
rgb(17,40,102)
-
#142e77
#142e77
rgb(20,46,119)
-
#173588
#173588
rgb(23,53,136)
-
#1a3b98
#1a3b98
rgb(26,59,152)
-
#1d42a9
#1d42a9
rgb(29,66,169)
-
#2048ba
#2048ba
rgb(32,72,186)
-
#224fcb
#224fcb
rgb(34,79,203)
-
#2656da
#2656da
rgb(38,86,218)
-
#3763dd
#3763dd
rgb(55,99,221)
-
#4870e0
#4870e0
rgb(72,112,224)
-
#597de3
#597de3
rgb(89,125,227)
-
#6a8ae6
#6a8ae6
rgb(106,138,230)
-
#7a97e9
#7a97e9
rgb(122,151,233)
-
#8ba4eb
#8ba4eb
rgb(139,164,235)
-
#9cb2ee
#9cb2ee
rgb(156,178,238)
-
#adbff1
#adbff1
rgb(173,191,241)
-
#bdccf4
#bdccf4
rgb(189,204,244)
-
#ced9f7
#ced9f7
rgb(206,217,247)
-
#dfe6fa
#dfe6fa
rgb(223,230,250)
-
#f0f3fc
#f0f3fc
rgb(240,243,252)
Tones of #4870e0
A tone is produced by adding gray to any pure hue. In this case, #929396 is the less saturated color, while #2f64f9 is the most saturated one.
-
#929396
#929396
rgb(146,147,150)
-
#8a8f9e
#8a8f9e
rgb(138,143,158)
-
#828ba6
#828ba6
rgb(130,139,166)
-
#7987af
#7987af
rgb(121,135,175)
-
#7183b7
#7183b7
rgb(113,131,183)
-
#6980bf
#6980bf
rgb(105,128,191)
-
#617cc7
#617cc7
rgb(97,124,199)
-
#5878d0
#5878d0
rgb(88,120,208)
-
#5074d8
#5074d8
rgb(80,116,216)
-
#4870e0
#4870e0
rgb(72,112,224)
-
#406ce8
#406ce8
rgb(64,108,232)
-
#3868f0
#3868f0
rgb(56,104,240)
-
#2f64f9
#2f64f9
rgb(47,100,249)
Color Blindness Simulator
Below, you can see how #4870e0 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.