#6684e4 Color Information
In a RGB color space, hex #6684e4 is composed of 40% red, 51.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 42.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 225.7 degrees, a saturation of 70% and a lightness of 64.7%. #6684e4 color hex could be obtained by blending #ccffff with #0009c9. Closest websafe color is: #6699cc.
-
- R 40
- G 52
- B 89
-
- C 55
- M 42
- Y 0
- K 11
● #6684e4 color description : Soft blue.
#6684e4 Color Conversion
The hexadecimal color #6684e4 has RGB values of R:102, G:132, B:228 and CMYK values of C:0.55, M:0.42, Y:0, K:0.11. Its decimal value is 6718692.
Hex triplet | 6684e4 | #6684e4 |
---|---|---|
RGB Decimal | 102, 132, 228 | rgb(102,132,228) |
RGB Percent | 40, 51.8, 89.4 | rgb(40%,51.8%,89.4%) |
CMYK | 55, 42, 0, 11 | |
HSL | 225.7°, 70, 64.7 | hsl(225.7,70%,64.7%) |
HSV (or HSB) | 225.7°, 55.3, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.005, 16.95, -52.119 |
---|---|
XYZ | 27.731, 24.927, 76.745 |
xyY | 0.214, 0.193, 24.927 |
CIE-LCH | 57.005, 54.806, 288.016 |
CIE-LUV | 57.005, -16.519, -83.953 |
Hunter-Lab | 49.927, 11.772, -56.187 |
Binary | 01100110, 10000100, 11100100 |
Color Schemes with #6684e4
Alternatives to #6684e4
Below, you can see some colors close to #6684e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6684e4 Preview
This text has a font color of #6684e4.
<span style="color:#6684e4;">Text here</span>
This paragraph has a background color of #6684e4.
<p style="background-color:#6684e4;">Content here</p>
This element has a border color of #6684e4.
<div style="border:1px solid #6684e4;">Content here</div>
.text {color:#6684e4;}
.background {background-color:#6684e4;}
.border {border:1px solid #6684e4;}
Shades and Tints of #6684e4
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, #02050e is the darkest color, while #fcfdfe is the lightest one.
-
#02050e
#02050e
rgb(2,5,14)
-
#050b1e
#050b1e
rgb(5,11,30)
-
#08122f
#08122f
rgb(8,18,47)
-
#0b1840
#0b1840
rgb(11,24,64)
-
#0e1e50
#0e1e50
rgb(14,30,80)
-
#112461
#112461
rgb(17,36,97)
-
#142a72
#142a72
rgb(20,42,114)
-
#173182
#173182
rgb(23,49,130)
-
#1a3793
#1a3793
rgb(26,55,147)
-
#1d3da4
#1d3da4
rgb(29,61,164)
-
#2043b4
#2043b4
rgb(32,67,180)
-
#2349c5
#2349c5
rgb(35,73,197)
-
#2650d6
#2650d6
rgb(38,80,214)
-
#345cdb
#345cdb
rgb(52,92,219)
-
#4569de
#4569de
rgb(69,105,222)
-
#5577e1
#5577e1
rgb(85,119,225)
-
#6684e4
#6684e4
rgb(102,132,228)
-
#7791e7
#7791e7
rgb(119,145,231)
-
#879fea
#879fea
rgb(135,159,234)
-
#98aced
#98aced
rgb(152,172,237)
-
#a9baf0
#a9baf0
rgb(169,186,240)
-
#b9c7f3
#b9c7f3
rgb(185,199,243)
-
#cad4f6
#cad4f6
rgb(202,212,246)
-
#dbe2f9
#dbe2f9
rgb(219,226,249)
-
#ebeffc
#ebeffc
rgb(235,239,252)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #6684e4
A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #5179f9 is the most saturated one.
-
#a4a5a6
#a4a5a6
rgb(164,165,166)
-
#9da1ad
#9da1ad
rgb(157,161,173)
-
#969db4
#969db4
rgb(150,157,180)
-
#909aba
#909aba
rgb(144,154,186)
-
#8996c1
#8996c1
rgb(137,150,193)
-
#8293c8
#8293c8
rgb(130,147,200)
-
#7b8fcf
#7b8fcf
rgb(123,143,207)
-
#748bd6
#748bd6
rgb(116,139,214)
-
#6d88dd
#6d88dd
rgb(109,136,221)
-
#6684e4
#6684e4
rgb(102,132,228)
-
#5f80eb
#5f80eb
rgb(95,128,235)
-
#587df2
#587df2
rgb(88,125,242)
-
#5179f9
#5179f9
rgb(81,121,249)
Color Blindness Simulator
Below, you can see how #6684e4 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.