#676ac4 Color Information
In a RGB color space, hex #676ac4 is composed of 40.4% red, 41.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 45.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 238.1 degrees, a saturation of 44.1% and a lightness of 58.6%. #676ac4 color hex could be obtained by blending #ced4ff with #000089. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 77
-
- C 47
- M 46
- Y 0
- K 23
● #676ac4 color description : Slightly desaturated blue.
#676ac4 Color Conversion
The hexadecimal color #676ac4 has RGB values of R:103, G:106, B:196 and CMYK values of C:0.47, M:0.46, Y:0, K:0.23. Its decimal value is 6777540.
Hex triplet | 676ac4 | #676ac4 |
---|---|---|
RGB Decimal | 103, 106, 196 | rgb(103,106,196) |
RGB Percent | 40.4, 41.6, 76.9 | rgb(40.4%,41.6%,76.9%) |
CMYK | 47, 46, 0, 23 | |
HSL | 238.1°, 44.1, 58.6 | hsl(238.1,44.1%,58.6%) |
HSV (or HSB) | 238.1°, 47.4, 76.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.482, 22.932, -47.569 |
---|---|
XYZ | 20.709, 17.177, 54.446 |
xyY | 0.224, 0.186, 17.177 |
CIE-LCH | 48.482, 52.808, 295.738 |
CIE-LUV | 48.482, -6.488, -74.589 |
Hunter-Lab | 41.445, 16.667, -48.878 |
Binary | 01100111, 01101010, 11000100 |
Color Schemes with #676ac4
Alternatives to #676ac4
Below, you can see some colors close to #676ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ac4 Preview
This text has a font color of #676ac4.
<span style="color:#676ac4;">Text here</span>
This paragraph has a background color of #676ac4.
<p style="background-color:#676ac4;">Content here</p>
This element has a border color of #676ac4.
<div style="border:1px solid #676ac4;">Content here</div>
.text {color:#676ac4;}
.background {background-color:#676ac4;}
.border {border:1px solid #676ac4;}
Shades and Tints of #676ac4
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, #010103 is the darkest color, while #f4f5fb is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#070712
#070712
rgb(7,7,18)
-
#0c0d20
#0c0d20
rgb(12,13,32)
-
#12132e
#12132e
rgb(18,19,46)
-
#17183c
#17183c
rgb(23,24,60)
-
#1d1e4a
#1d1e4a
rgb(29,30,74)
-
#222458
#222458
rgb(34,36,88)
-
#282a66
#282a66
rgb(40,42,102)
-
#2d3074
#2d3074
rgb(45,48,116)
-
#333583
#333583
rgb(51,53,131)
-
#383b91
#383b91
rgb(56,59,145)
-
#3e419f
#3e419f
rgb(62,65,159)
-
#4347ad
#4347ad
rgb(67,71,173)
-
#4b4eb9
#4b4eb9
rgb(75,78,185)
-
#595cbf
#595cbf
rgb(89,92,191)
-
#676ac4
#676ac4
rgb(103,106,196)
-
#7578c9
#7578c9
rgb(117,120,201)
-
#8386cf
#8386cf
rgb(131,134,207)
-
#9194d4
#9194d4
rgb(145,148,212)
-
#a0a1da
#a0a1da
rgb(160,161,218)
-
#aeafdf
#aeafdf
rgb(174,175,223)
-
#bcbde5
#bcbde5
rgb(188,189,229)
-
#cacbea
#cacbea
rgb(202,203,234)
-
#d8d9f0
#d8d9f0
rgb(216,217,240)
-
#e6e7f5
#e6e7f5
rgb(230,231,245)
-
#f4f5fb
#f4f5fb
rgb(244,245,251)
Tones of #676ac4
A tone is produced by adding gray to any pure hue. In this case, #90909b is the less saturated color, while #2e35fd is the most saturated one.
-
#90909b
#90909b
rgb(144,144,155)
-
#8788a4
#8788a4
rgb(135,136,164)
-
#7f81ac
#7f81ac
rgb(127,129,172)
-
#7779b4
#7779b4
rgb(119,121,180)
-
#6f72bc
#6f72bc
rgb(111,114,188)
-
#676ac4
#676ac4
rgb(103,106,196)
-
#5f62cc
#5f62cc
rgb(95,98,204)
-
#575bd4
#575bd4
rgb(87,91,212)
-
#4f53dc
#4f53dc
rgb(79,83,220)
-
#474ce4
#474ce4
rgb(71,76,228)
-
#3e44ed
#3e44ed
rgb(62,68,237)
-
#363cf5
#363cf5
rgb(54,60,245)
-
#2e35fd
#2e35fd
rgb(46,53,253)
Color Blindness Simulator
Below, you can see how #676ac4 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.