#6686ce Color Information
In a RGB color space, hex #6686ce is composed of 40% red, 52.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 35% magenta, 0% yellow and 19.2% black. It has a hue angle of 221.5 degrees, a saturation of 51.5% and a lightness of 60.4%. #6686ce color hex could be obtained by blending #ccffff with #000d9d. Closest websafe color is: #6699cc.
-
- R 40
- G 53
- B 81
-
- C 50
- M 35
- Y 0
- K 19
● #6686ce color description : Moderate blue.
#6686ce Color Conversion
The hexadecimal color #6686ce has RGB values of R:102, G:134, B:206 and CMYK values of C:0.5, M:0.35, Y:0, K:0.19. Its decimal value is 6719182.
Hex triplet | 6686ce | #6686ce |
---|---|---|
RGB Decimal | 102, 134, 206 | rgb(102,134,206) |
RGB Percent | 40, 52.5, 80.8 | rgb(40%,52.5%,80.8%) |
CMYK | 50, 35, 0, 19 | |
HSL | 221.5°, 51.5, 60.4 | hsl(221.5,51.5%,60.4%) |
HSV (or HSB) | 221.5°, 50.5, 80.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.417, 8.827, -40.7 |
---|---|
XYZ | 25.143, 24.33, 61.76 |
xyY | 0.226, 0.219, 24.33 |
CIE-LCH | 56.417, 41.646, 282.236 |
CIE-LUV | 56.417, -16.904, -64.369 |
Hunter-Lab | 49.326, 4.667, -39.709 |
Binary | 01100110, 10000110, 11001110 |
Color Schemes with #6686ce
Alternatives to #6686ce
Below, you can see some colors close to #6686ce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6686ce Preview
This text has a font color of #6686ce.
<span style="color:#6686ce;">Text here</span>
This paragraph has a background color of #6686ce.
<p style="background-color:#6686ce;">Content here</p>
This element has a border color of #6686ce.
<div style="border:1px solid #6686ce;">Content here</div>
.text {color:#6686ce;}
.background {background-color:#6686ce;}
.border {border:1px solid #6686ce;}
Shades and Tints of #6686ce
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, #03060a is the darkest color, while #fbfbfe is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#080d19
#080d19
rgb(8,13,25)
-
#0d1528
#0d1528
rgb(13,21,40)
-
#121d37
#121d37
rgb(18,29,55)
-
#162546
#162546
rgb(22,37,70)
-
#1b2d55
#1b2d55
rgb(27,45,85)
-
#203564
#203564
rgb(32,53,100)
-
#253d72
#253d72
rgb(37,61,114)
-
#294481
#294481
rgb(41,68,129)
-
#2e4c90
#2e4c90
rgb(46,76,144)
-
#33549f
#33549f
rgb(51,84,159)
-
#385cae
#385cae
rgb(56,92,174)
-
#3c64bd
#3c64bd
rgb(60,100,189)
-
#486fc4
#486fc4
rgb(72,111,196)
-
#577ac9
#577ac9
rgb(87,122,201)
-
#6686ce
#6686ce
rgb(102,134,206)
-
#7592d3
#7592d3
rgb(117,146,211)
-
#849dd8
#849dd8
rgb(132,157,216)
-
#93a9dc
#93a9dc
rgb(147,169,220)
-
#a1b5e1
#a1b5e1
rgb(161,181,225)
-
#b0c1e6
#b0c1e6
rgb(176,193,230)
-
#bfcceb
#bfcceb
rgb(191,204,235)
-
#ced8ef
#ced8ef
rgb(206,216,239)
-
#dde4f4
#dde4f4
rgb(221,228,244)
-
#ecf0f9
#ecf0f9
rgb(236,240,249)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #6686ce
A tone is produced by adding gray to any pure hue. In this case, #95989f is the less saturated color, while #3774fd is the most saturated one.
-
#95989f
#95989f
rgb(149,152,159)
-
#8d95a7
#8d95a7
rgb(141,149,167)
-
#8592af
#8592af
rgb(133,146,175)
-
#7d8fb7
#7d8fb7
rgb(125,143,183)
-
#768cbe
#768cbe
rgb(118,140,190)
-
#6e89c6
#6e89c6
rgb(110,137,198)
-
#6686ce
#6686ce
rgb(102,134,206)
-
#5e83d6
#5e83d6
rgb(94,131,214)
-
#5680de
#5680de
rgb(86,128,222)
-
#4f7de5
#4f7de5
rgb(79,125,229)
-
#477aed
#477aed
rgb(71,122,237)
-
#3f77f5
#3f77f5
rgb(63,119,245)
-
#3774fd
#3774fd
rgb(55,116,253)
Color Blindness Simulator
Below, you can see how #6686ce 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.