#6684e5 Color Information
In a RGB color space, hex #6684e5 is composed of 40% red, 51.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 42.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 225.8 degrees, a saturation of 70.9% and a lightness of 64.9%. #6684e5 color hex could be obtained by blending #ccffff with #0009cb. Closest websafe color is: #6699cc.
-
- R 40
- G 52
- B 90
-
- C 55
- M 42
- Y 0
- K 10
● #6684e5 color description : Soft blue.
#6684e5 Color Conversion
The hexadecimal color #6684e5 has RGB values of R:102, G:132, B:229 and CMYK values of C:0.55, M:0.42, Y:0, K:0.1. Its decimal value is 6718693.
Hex triplet | 6684e5 | #6684e5 |
---|---|---|
RGB Decimal | 102, 132, 229 | rgb(102,132,229) |
RGB Percent | 40, 51.8, 89.8 | rgb(40%,51.8%,89.8%) |
CMYK | 55, 42, 0, 10 | |
HSL | 225.8°, 70.9, 64.9 | hsl(225.8,70.9%,64.9%) |
HSV (or HSB) | 225.8°, 55.5, 89.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.059, 17.27, -52.59 |
---|---|
XYZ | 27.871, 24.983, 77.478 |
xyY | 0.214, 0.192, 24.983 |
CIE-LCH | 57.059, 55.353, 288.18 |
CIE-LUV | 57.059, -16.535, -84.764 |
Hunter-Lab | 49.983, 12.061, -56.916 |
Binary | 01100110, 10000100, 11100101 |
Color Schemes with #6684e5
Alternatives to #6684e5
Below, you can see some colors close to #6684e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6684e5 Preview
This text has a font color of #6684e5.
<span style="color:#6684e5;">Text here</span>
This paragraph has a background color of #6684e5.
<p style="background-color:#6684e5;">Content here</p>
This element has a border color of #6684e5.
<div style="border:1px solid #6684e5;">Content here</div>
.text {color:#6684e5;}
.background {background-color:#6684e5;}
.border {border:1px solid #6684e5;}
Shades and Tints of #6684e5
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, #02050f is the darkest color, while #fdfdff is the lightest one.
-
#02050f
#02050f
rgb(2,5,15)
-
#050c1f
#050c1f
rgb(5,12,31)
-
#081230
#081230
rgb(8,18,48)
-
#0b1841
#0b1841
rgb(11,24,65)
-
#0e1e52
#0e1e52
rgb(14,30,82)
-
#112462
#112462
rgb(17,36,98)
-
#142a73
#142a73
rgb(20,42,115)
-
#163084
#163084
rgb(22,48,132)
-
#193695
#193695
rgb(25,54,149)
-
#1c3da6
#1c3da6
rgb(28,61,166)
-
#1f43b6
#1f43b6
rgb(31,67,182)
-
#2249c7
#2249c7
rgb(34,73,199)
-
#254fd8
#254fd8
rgb(37,79,216)
-
#345cdc
#345cdc
rgb(52,92,220)
-
#4469df
#4469df
rgb(68,105,223)
-
#5577e2
#5577e2
rgb(85,119,226)
-
#6684e5
#6684e5
rgb(102,132,229)
-
#7791e8
#7791e8
rgb(119,145,232)
-
#889feb
#889feb
rgb(136,159,235)
-
#98acee
#98acee
rgb(152,172,238)
-
#a9baf0
#a9baf0
rgb(169,186,240)
-
#bac7f3
#bac7f3
rgb(186,199,243)
-
#cbd5f6
#cbd5f6
rgb(203,213,246)
-
#dbe2f9
#dbe2f9
rgb(219,226,249)
-
#ecf0fc
#ecf0fc
rgb(236,240,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #6684e5
A tone is produced by adding gray to any pure hue. In this case, #a4a5a7 is the less saturated color, while #5179fa is the most saturated one.
-
#a4a5a7
#a4a5a7
rgb(164,165,167)
-
#9da1ae
#9da1ae
rgb(157,161,174)
-
#969db5
#969db5
rgb(150,157,181)
-
#8f9abc
#8f9abc
rgb(143,154,188)
-
#8896c3
#8896c3
rgb(136,150,195)
-
#8293c9
#8293c9
rgb(130,147,201)
-
#7b8fd0
#7b8fd0
rgb(123,143,208)
-
#748bd7
#748bd7
rgb(116,139,215)
-
#6d88de
#6d88de
rgb(109,136,222)
-
#6684e5
#6684e5
rgb(102,132,229)
-
#5f80ec
#5f80ec
rgb(95,128,236)
-
#587df3
#587df3
rgb(88,125,243)
-
#5179fa
#5179fa
rgb(81,121,250)
Color Blindness Simulator
Below, you can see how #6684e5 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.