#6684e2 Color Information
In a RGB color space, hex #6684e2 is composed of 40% red, 51.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 41.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 225.5 degrees, a saturation of 68.1% and a lightness of 64.3%. #6684e2 color hex could be obtained by blending #ccffff with #0009c5. Closest websafe color is: #6699cc.
-
- R 40
- G 52
- B 89
-
- C 55
- M 42
- Y 0
- K 11
● #6684e2 color description : Soft blue.
#6684e2 Color Conversion
The hexadecimal color #6684e2 has RGB values of R:102, G:132, B:226 and CMYK values of C:0.55, M:0.42, Y:0, K:0.11. Its decimal value is 6718690.
Hex triplet | 6684e2 | #6684e2 |
---|---|---|
RGB Decimal | 102, 132, 226 | rgb(102,132,226) |
RGB Percent | 40, 51.8, 88.6 | rgb(40%,51.8%,88.6%) |
CMYK | 55, 42, 0, 11 | |
HSL | 225.5°, 68.1, 64.3 | hsl(225.5,68.1%,64.3%) |
HSV (or HSB) | 225.5°, 54.9, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.897, 16.312, -51.174 |
---|---|
XYZ | 27.455, 24.817, 75.291 |
xyY | 0.215, 0.195, 24.817 |
CIE-LCH | 56.897, 53.71, 287.68 |
CIE-LUV | 56.897, -16.486, -82.327 |
Hunter-Lab | 49.817, 11.197, -54.737 |
Binary | 01100110, 10000100, 11100010 |
Color Schemes with #6684e2
Alternatives to #6684e2
Below, you can see some colors close to #6684e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6684e2 Preview
This text has a font color of #6684e2.
<span style="color:#6684e2;">Text here</span>
This paragraph has a background color of #6684e2.
<p style="background-color:#6684e2;">Content here</p>
This element has a border color of #6684e2.
<div style="border:1px solid #6684e2;">Content here</div>
.text {color:#6684e2;}
.background {background-color:#6684e2;}
.border {border:1px solid #6684e2;}
Shades and Tints of #6684e2
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, #02050c is the darkest color, while #fafbfe is the lightest one.
-
#02050c
#02050c
rgb(2,5,12)
-
#050b1c
#050b1c
rgb(5,11,28)
-
#09112d
#09112d
rgb(9,17,45)
-
#0c183d
#0c183d
rgb(12,24,61)
-
#0f1e4e
#0f1e4e
rgb(15,30,78)
-
#12245e
#12245e
rgb(18,36,94)
-
#152b6f
#152b6f
rgb(21,43,111)
-
#18317f
#18317f
rgb(24,49,127)
-
#1b3790
#1b3790
rgb(27,55,144)
-
#1e3ea0
#1e3ea0
rgb(30,62,160)
-
#2244b1
#2244b1
rgb(34,68,177)
-
#254bc1
#254bc1
rgb(37,75,193)
-
#2851d2
#2851d2
rgb(40,81,210)
-
#355cd9
#355cd9
rgb(53,92,217)
-
#4569dc
#4569dc
rgb(69,105,220)
-
#5677df
#5677df
rgb(86,119,223)
-
#6684e2
#6684e2
rgb(102,132,226)
-
#7691e5
#7691e5
rgb(118,145,229)
-
#879fe8
#879fe8
rgb(135,159,232)
-
#97aceb
#97aceb
rgb(151,172,235)
-
#a8b9ef
#a8b9ef
rgb(168,185,239)
-
#b8c6f2
#b8c6f2
rgb(184,198,242)
-
#c9d4f5
#c9d4f5
rgb(201,212,245)
-
#d9e1f8
#d9e1f8
rgb(217,225,248)
-
#eaeefb
#eaeefb
rgb(234,238,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #6684e2
A tone is produced by adding gray to any pure hue. In this case, #9ea1aa is the less saturated color, while #4a76fe is the most saturated one.
-
#9ea1aa
#9ea1aa
rgb(158,161,170)
-
#979db1
#979db1
rgb(151,157,177)
-
#909ab8
#909ab8
rgb(144,154,184)
-
#8996bf
#8996bf
rgb(137,150,191)
-
#8292c6
#8292c6
rgb(130,146,198)
-
#7b8fcd
#7b8fcd
rgb(123,143,205)
-
#748bd4
#748bd4
rgb(116,139,212)
-
#6d88db
#6d88db
rgb(109,136,219)
-
#6684e2
#6684e2
rgb(102,132,226)
-
#5f80e9
#5f80e9
rgb(95,128,233)
-
#587df0
#587df0
rgb(88,125,240)
-
#5179f7
#5179f7
rgb(81,121,247)
-
#4a76fe
#4a76fe
rgb(74,118,254)
Color Blindness Simulator
Below, you can see how #6684e2 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.