#676bc0 Color Information
In a RGB color space, hex #676bc0 is composed of 40.4% red, 42% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 44.3% magenta, 0% yellow and 24.7% black. It has a hue angle of 237.3 degrees, a saturation of 41.4% and a lightness of 57.8%. #676bc0 color hex could be obtained by blending #ced6ff with #000081. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 75
-
- C 46
- M 44
- Y 0
- K 25
● #676bc0 color description : Slightly desaturated blue.
#676bc0 Color Conversion
The hexadecimal color #676bc0 has RGB values of R:103, G:107, B:192 and CMYK values of C:0.46, M:0.44, Y:0, K:0.25. Its decimal value is 6777792.
Hex triplet | 676bc0 | #676bc0 |
---|---|---|
RGB Decimal | 103, 107, 192 | rgb(103,107,192) |
RGB Percent | 40.4, 42, 75.3 | rgb(40.4%,42%,75.3%) |
CMYK | 46, 44, 0, 25 | |
HSL | 237.3°, 41.4, 57.8 | hsl(237.3,41.4%,57.8%) |
HSV (or HSB) | 237.3°, 46.4, 75.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.516, 21.1, -45.21 |
---|---|
XYZ | 20.364, 17.204, 52.114 |
xyY | 0.227, 0.192, 17.204 |
CIE-LCH | 48.516, 49.892, 295.019 |
CIE-LUV | 48.516, -6.614, -70.765 |
Hunter-Lab | 41.478, 15.049, -45.459 |
Binary | 01100111, 01101011, 11000000 |
Color Schemes with #676bc0
Alternatives to #676bc0
Below, you can see some colors close to #676bc0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bc0 Preview
This text has a font color of #676bc0.
<span style="color:#676bc0;">Text here</span>
This paragraph has a background color of #676bc0.
<p style="background-color:#676bc0;">Content here</p>
This element has a border color of #676bc0.
<div style="border:1px solid #676bc0;">Content here</div>
.text {color:#676bc0;}
.background {background-color:#676bc0;}
.border {border:1px solid #676bc0;}
Shades and Tints of #676bc0
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, #000001 is the darkest color, while #f2f2f9 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#06060e
#06060e
rgb(6,6,14)
-
#0c0c1c
#0c0c1c
rgb(12,12,28)
-
#11132a
#11132a
rgb(17,19,42)
-
#171938
#171938
rgb(23,25,56)
-
#1d1f46
#1d1f46
rgb(29,31,70)
-
#232554
#232554
rgb(35,37,84)
-
#282b62
#282b62
rgb(40,43,98)
-
#2e316f
#2e316f
rgb(46,49,111)
-
#34377d
#34377d
rgb(52,55,125)
-
#3a3d8b
#3a3d8b
rgb(58,61,139)
-
#3f4399
#3f4399
rgb(63,67,153)
-
#454aa7
#454aa7
rgb(69,74,167)
-
#4b50b5
#4b50b5
rgb(75,80,181)
-
#595dba
#595dba
rgb(89,93,186)
-
#676bc0
#676bc0
rgb(103,107,192)
-
#7579c6
#7579c6
rgb(117,121,198)
-
#8386cb
#8386cb
rgb(131,134,203)
-
#9194d1
#9194d1
rgb(145,148,209)
-
#9ea1d7
#9ea1d7
rgb(158,161,215)
-
#acafdd
#acafdd
rgb(172,175,221)
-
#babce2
#babce2
rgb(186,188,226)
-
#c8cae8
#c8cae8
rgb(200,202,232)
-
#d6d7ee
#d6d7ee
rgb(214,215,238)
-
#e4e5f4
#e4e5f4
rgb(228,229,244)
-
#f2f2f9
#f2f2f9
rgb(242,242,249)
Tones of #676bc0
A tone is produced by adding gray to any pure hue. In this case, #909197 is the less saturated color, while #2d36fa is the most saturated one.
-
#909197
#909197
rgb(144,145,151)
-
#88899f
#88899f
rgb(136,137,159)
-
#8082a7
#8082a7
rgb(128,130,167)
-
#787aaf
#787aaf
rgb(120,122,175)
-
#6f73b8
#6f73b8
rgb(111,115,184)
-
#676bc0
#676bc0
rgb(103,107,192)
-
#5f63c8
#5f63c8
rgb(95,99,200)
-
#565cd1
#565cd1
rgb(86,92,209)
-
#4e54d9
#4e54d9
rgb(78,84,217)
-
#464de1
#464de1
rgb(70,77,225)
-
#3e45e9
#3e45e9
rgb(62,69,233)
-
#353ef2
#353ef2
rgb(53,62,242)
-
#2d36fa
#2d36fa
rgb(45,54,250)
Color Blindness Simulator
Below, you can see how #676bc0 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.