#6686d1 Color Information
In a RGB color space, hex #6686d1 is composed of 40% red, 52.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 35.9% magenta, 0% yellow and 18% black. It has a hue angle of 222.1 degrees, a saturation of 53.8% and a lightness of 61%. #6686d1 color hex could be obtained by blending #ccffff with #000da3. Closest websafe color is: #6699cc.
-
- R 40
- G 53
- B 82
-
- C 51
- M 36
- Y 0
- K 18
● #6686d1 color description : Moderate blue.
#6686d1 Color Conversion
The hexadecimal color #6686d1 has RGB values of R:102, G:134, B:209 and CMYK values of C:0.51, M:0.36, Y:0, K:0.18. Its decimal value is 6719185.
Hex triplet | 6686d1 | #6686d1 |
---|---|---|
RGB Decimal | 102, 134, 209 | rgb(102,134,209) |
RGB Percent | 40, 52.5, 82 | rgb(40%,52.5%,82%) |
CMYK | 51, 36, 0, 18 | |
HSL | 222.1°, 53.8, 61 | hsl(222.1,53.8%,61%) |
HSV (or HSB) | 222.1°, 51.2, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.562, 9.757, -42.163 |
---|---|
XYZ | 25.511, 24.477, 63.698 |
xyY | 0.224, 0.215, 24.477 |
CIE-LCH | 56.562, 43.277, 283.029 |
CIE-LUV | 56.562, -16.94, -66.889 |
Hunter-Lab | 49.474, 5.46, -41.704 |
Binary | 01100110, 10000110, 11010001 |
Color Schemes with #6686d1
Alternatives to #6686d1
Below, you can see some colors close to #6686d1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6686d1 Preview
This text has a font color of #6686d1.
<span style="color:#6686d1;">Text here</span>
This paragraph has a background color of #6686d1.
<p style="background-color:#6686d1;">Content here</p>
This element has a border color of #6686d1.
<div style="border:1px solid #6686d1;">Content here</div>
.text {color:#6686d1;}
.background {background-color:#6686d1;}
.border {border:1px solid #6686d1;}
Shades and Tints of #6686d1
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, #04070d is the darkest color, while #fdfdfe is the lightest one.
-
#04070d
#04070d
rgb(4,7,13)
-
#080e1c
#080e1c
rgb(8,14,28)
-
#0d162b
#0d162b
rgb(13,22,43)
-
#111e3a
#111e3a
rgb(17,30,58)
-
#162549
#162549
rgb(22,37,73)
-
#1b2d58
#1b2d58
rgb(27,45,88)
-
#1f3567
#1f3567
rgb(31,53,103)
-
#243c76
#243c76
rgb(36,60,118)
-
#284486
#284486
rgb(40,68,134)
-
#2d4c95
#2d4c95
rgb(45,76,149)
-
#3153a4
#3153a4
rgb(49,83,164)
-
#365bb3
#365bb3
rgb(54,91,179)
-
#3a63c2
#3a63c2
rgb(58,99,194)
-
#486ec8
#486ec8
rgb(72,110,200)
-
#577acc
#577acc
rgb(87,122,204)
-
#6686d1
#6686d1
rgb(102,134,209)
-
#7592d6
#7592d6
rgb(117,146,214)
-
#849eda
#849eda
rgb(132,158,218)
-
#93aadf
#93aadf
rgb(147,170,223)
-
#a2b6e3
#a2b6e3
rgb(162,182,227)
-
#b1c2e8
#b1c2e8
rgb(177,194,232)
-
#c0ceec
#c0ceec
rgb(192,206,236)
-
#d0d9f1
#d0d9f1
rgb(208,217,241)
-
#dfe5f5
#dfe5f5
rgb(223,229,245)
-
#eef1fa
#eef1fa
rgb(238,241,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #6686d1
A tone is produced by adding gray to any pure hue. In this case, #9498a3 is the less saturated color, while #3874ff is the most saturated one.
-
#9498a3
#9498a3
rgb(148,152,163)
-
#8c95ab
#8c95ab
rgb(140,149,171)
-
#8592b2
#8592b2
rgb(133,146,178)
-
#7d8fba
#7d8fba
rgb(125,143,186)
-
#758cc2
#758cc2
rgb(117,140,194)
-
#6e89c9
#6e89c9
rgb(110,137,201)
-
#6686d1
#6686d1
rgb(102,134,209)
-
#5e83d9
#5e83d9
rgb(94,131,217)
-
#5780e0
#5780e0
rgb(87,128,224)
-
#4f7de8
#4f7de8
rgb(79,125,232)
-
#477af0
#477af0
rgb(71,122,240)
-
#4077f7
#4077f7
rgb(64,119,247)
-
#3874ff
#3874ff
rgb(56,116,255)
Color Blindness Simulator
Below, you can see how #6686d1 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.