#676add Color Information
In a RGB color space, hex #676add is composed of 40.4% red, 41.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 52% magenta, 0% yellow and 13.3% black. It has a hue angle of 238.5 degrees, a saturation of 63.4% and a lightness of 63.5%. #676add color hex could be obtained by blending #ced4ff with #0000bb. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 87
-
- C 53
- M 52
- Y 0
- K 13
● #676add color description : Soft blue.
#676add Color Conversion
The hexadecimal color #676add has RGB values of R:103, G:106, B:221 and CMYK values of C:0.53, M:0.52, Y:0, K:0.13. Its decimal value is 6777565.
Hex triplet | 676add | #676add |
---|---|---|
RGB Decimal | 103, 106, 221 | rgb(103,106,221) |
RGB Percent | 40.4, 41.6, 86.7 | rgb(40.4%,41.6%,86.7%) |
CMYK | 53, 52, 0, 13 | |
HSL | 238.5°, 63.4, 63.5 | hsl(238.5,63.4%,63.5%) |
HSV (or HSB) | 238.5°, 53.4, 86.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.991, 30.688, -59.412 |
---|---|
XYZ | 23.796, 18.411, 70.702 |
xyY | 0.211, 0.163, 18.411 |
CIE-LCH | 49.991, 66.869, 297.317 |
CIE-LUV | 49.991, -7.772, -94.069 |
Hunter-Lab | 42.908, 23.903, -67.66 |
Binary | 01100111, 01101010, 11011101 |
Color Schemes with #676add
Alternatives to #676add
Below, you can see some colors close to #676add. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676add Preview
This text has a font color of #676add.
<span style="color:#676add;">Text here</span>
This paragraph has a background color of #676add.
<p style="background-color:#676add;">Content here</p>
This element has a border color of #676add.
<div style="border:1px solid #676add;">Content here</div>
.text {color:#676add;}
.background {background-color:#676add;}
.border {border:1px solid #676add;}
Shades and Tints of #676add
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, #020208 is the darkest color, while #f7f7fd is the lightest one.
-
#020208
#020208
rgb(2,2,8)
-
#050618
#050618
rgb(5,6,24)
-
#090a28
#090a28
rgb(9,10,40)
-
#0d0e38
#0d0e38
rgb(13,14,56)
-
#101248
#101248
rgb(16,18,72)
-
#141658
#141658
rgb(20,22,88)
-
#171968
#171968
rgb(23,25,104)
-
#1b1d79
#1b1d79
rgb(27,29,121)
-
#1f2189
#1f2189
rgb(31,33,137)
-
#222599
#222599
rgb(34,37,153)
-
#2629a9
#2629a9
rgb(38,41,169)
-
#292db9
#292db9
rgb(41,45,185)
-
#2d31c9
#2d31c9
rgb(45,49,201)
-
#373bd2
#373bd2
rgb(55,59,210)
-
#474bd6
#474bd6
rgb(71,75,214)
-
#575ad9
#575ad9
rgb(87,90,217)
-
#676add
#676add
rgb(103,106,221)
-
#777ae1
#777ae1
rgb(119,122,225)
-
#8789e4
#8789e4
rgb(135,137,228)
-
#9799e8
#9799e8
rgb(151,153,232)
-
#a7a9eb
#a7a9eb
rgb(167,169,235)
-
#b7b9ef
#b7b9ef
rgb(183,185,239)
-
#c7c8f3
#c7c8f3
rgb(199,200,243)
-
#d7d8f6
#d7d8f6
rgb(215,216,246)
-
#e7e8fa
#e7e8fa
rgb(231,232,250)
-
#f7f7fd
#f7f7fd
rgb(247,247,253)
Tones of #676add
A tone is produced by adding gray to any pure hue. In this case, #a0a0a4 is the less saturated color, while #4a4ffa is the most saturated one.
-
#a0a0a4
#a0a0a4
rgb(160,160,164)
-
#999aab
#999aab
rgb(153,154,171)
-
#9293b2
#9293b2
rgb(146,147,178)
-
#8b8cb9
#8b8cb9
rgb(139,140,185)
-
#8485c0
#8485c0
rgb(132,133,192)
-
#7c7ec8
#7c7ec8
rgb(124,126,200)
-
#7578cf
#7578cf
rgb(117,120,207)
-
#6e71d6
#6e71d6
rgb(110,113,214)
-
#676add
#676add
rgb(103,106,221)
-
#6063e4
#6063e4
rgb(96,99,228)
-
#595ceb
#595ceb
rgb(89,92,235)
-
#5256f2
#5256f2
rgb(82,86,242)
-
#4a4ffa
#4a4ffa
rgb(74,79,250)
Color Blindness Simulator
Below, you can see how #676add 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.