#4684e0 Color Information
In a RGB color space, hex #4684e0 is composed of 27.5% red, 51.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 41.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 215.8 degrees, a saturation of 71.3% and a lightness of 57.6%. #4684e0 color hex could be obtained by blending #8cffff with #0009c1. Closest websafe color is: #3399cc.
-
- R 27
- G 52
- B 88
-
- C 69
- M 41
- Y 0
- K 12
● #4684e0 color description : Soft blue.
#4684e0 Color Conversion
The hexadecimal color #4684e0 has RGB values of R:70, G:132, B:224 and CMYK values of C:0.69, M:0.41, Y:0, K:0.12. Its decimal value is 4621536.
Hex triplet | 4684e0 | #4684e0 |
---|---|---|
RGB Decimal | 70, 132, 224 | rgb(70,132,224) |
RGB Percent | 27.5, 51.8, 87.8 | rgb(27.5%,51.8%,87.8%) |
CMYK | 69, 41, 0, 12 | |
HSL | 215.8°, 71.3, 57.6 | hsl(215.8,71.3%,57.6%) |
HSV (or HSB) | 215.8°, 68.8, 87.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.262, 9.865, -52.75 |
---|---|
XYZ | 24.229, 23.185, 73.715 |
xyY | 0.2, 0.191, 23.185 |
CIE-LCH | 55.262, 53.664, 280.593 |
CIE-LUV | 55.262, -24.749, -83.728 |
Hunter-Lab | 48.151, 5.555, -57.064 |
Binary | 01000110, 10000100, 11100000 |
Color Schemes with #4684e0
Alternatives to #4684e0
Below, you can see some colors close to #4684e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4684e0 Preview
This text has a font color of #4684e0.
<span style="color:#4684e0;">Text here</span>
This paragraph has a background color of #4684e0.
<p style="background-color:#4684e0;">Content here</p>
This element has a border color of #4684e0.
<div style="border:1px solid #4684e0;">Content here</div>
.text {color:#4684e0;}
.background {background-color:#4684e0;}
.border {border:1px solid #4684e0;}
Shades and Tints of #4684e0
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, #030811 is the darkest color, while #ffffff is the lightest one.
-
#030811
#030811
rgb(3,8,17)
-
#061121
#061121
rgb(6,17,33)
-
#081932
#081932
rgb(8,25,50)
-
#0b2243
#0b2243
rgb(11,34,67)
-
#0e2a54
#0e2a54
rgb(14,42,84)
-
#113365
#113365
rgb(17,51,101)
-
#143b75
#143b75
rgb(20,59,117)
-
#164386
#164386
rgb(22,67,134)
-
#194c97
#194c97
rgb(25,76,151)
-
#1c54a8
#1c54a8
rgb(28,84,168)
-
#1f5db9
#1f5db9
rgb(31,93,185)
-
#2265c9
#2265c9
rgb(34,101,201)
-
#256eda
#256eda
rgb(37,110,218)
-
#3579dd
#3579dd
rgb(53,121,221)
-
#4684e0
#4684e0
rgb(70,132,224)
-
#578fe3
#578fe3
rgb(87,143,227)
-
#689ae6
#689ae6
rgb(104,154,230)
-
#78a6e8
#78a6e8
rgb(120,166,232)
-
#89b1eb
#89b1eb
rgb(137,177,235)
-
#9abcee
#9abcee
rgb(154,188,238)
-
#abc7f1
#abc7f1
rgb(171,199,241)
-
#bcd2f4
#bcd2f4
rgb(188,210,244)
-
#ccddf7
#ccddf7
rgb(204,221,247)
-
#dde9f9
#dde9f9
rgb(221,233,249)
-
#eef4fc
#eef4fc
rgb(238,244,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #4684e0
A tone is produced by adding gray to any pure hue. In this case, #919395 is the less saturated color, while #2d7ff9 is the most saturated one.
-
#919395
#919395
rgb(145,147,149)
-
#88919e
#88919e
rgb(136,145,158)
-
#808fa6
#808fa6
rgb(128,143,166)
-
#788eae
#788eae
rgb(120,142,174)
-
#708cb6
#708cb6
rgb(112,140,182)
-
#678abf
#678abf
rgb(103,138,191)
-
#5f89c7
#5f89c7
rgb(95,137,199)
-
#5787cf
#5787cf
rgb(87,135,207)
-
#4e86d8
#4e86d8
rgb(78,134,216)
-
#4684e0
#4684e0
rgb(70,132,224)
-
#3e82e8
#3e82e8
rgb(62,130,232)
-
#3581f1
#3581f1
rgb(53,129,241)
-
#2d7ff9
#2d7ff9
rgb(45,127,249)
Color Blindness Simulator
Below, you can see how #4684e0 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.