#676bd3 Color Information
In a RGB color space, hex #676bd3 is composed of 40.4% red, 42% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 49.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 237.8 degrees, a saturation of 55.1% and a lightness of 61.6%. #676bd3 color hex could be obtained by blending #ced6ff with #0000a7. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 83
-
- C 51
- M 49
- Y 0
- K 17
● #676bd3 color description : Moderate blue.
#676bd3 Color Conversion
The hexadecimal color #676bd3 has RGB values of R:103, G:107, B:211 and CMYK values of C:0.51, M:0.49, Y:0, K:0.17. Its decimal value is 6777811.
Hex triplet | 676bd3 | #676bd3 |
---|---|---|
RGB Decimal | 103, 107, 211 | rgb(103,107,211) |
RGB Percent | 40.4, 42, 82.7 | rgb(40.4%,42%,82.7%) |
CMYK | 51, 49, 0, 17 | |
HSL | 237.8°, 55.1, 61.6 | hsl(237.8,55.1%,61.6%) |
HSV (or HSB) | 237.8°, 51.2, 82.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.619, 26.952, -54.335 |
---|---|
XYZ | 22.607, 18.101, 63.927 |
xyY | 0.216, 0.173, 18.101 |
CIE-LCH | 49.619, 60.652, 296.383 |
CIE-LUV | 49.619, -7.573, -85.832 |
Hunter-Lab | 42.546, 20.392, -59.305 |
Binary | 01100111, 01101011, 11010011 |
Color Schemes with #676bd3
Alternatives to #676bd3
Below, you can see some colors close to #676bd3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bd3 Preview
This text has a font color of #676bd3.
<span style="color:#676bd3;">Text here</span>
This paragraph has a background color of #676bd3.
<p style="background-color:#676bd3;">Content here</p>
This element has a border color of #676bd3.
<div style="border:1px solid #676bd3;">Content here</div>
.text {color:#676bd3;}
.background {background-color:#676bd3;}
.border {border:1px solid #676bd3;}
Shades and Tints of #676bd3
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, #000000 is the darkest color, while #f0f0fb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#04050f
#04050f
rgb(4,5,15)
-
#090a1f
#090a1f
rgb(9,10,31)
-
#0d0e2e
#0d0e2e
rgb(13,14,46)
-
#12133d
#12133d
rgb(18,19,61)
-
#16184c
#16184c
rgb(22,24,76)
-
#1a1d5b
#1a1d5b
rgb(26,29,91)
-
#1f226b
#1f226b
rgb(31,34,107)
-
#23267a
#23267a
rgb(35,38,122)
-
#282b89
#282b89
rgb(40,43,137)
-
#2c3098
#2c3098
rgb(44,48,152)
-
#3035a7
#3035a7
rgb(48,53,167)
-
#353ab7
#353ab7
rgb(53,58,183)
-
#393fc6
#393fc6
rgb(57,63,198)
-
#494dca
#494dca
rgb(73,77,202)
-
#585ccf
#585ccf
rgb(88,92,207)
-
#676bd3
#676bd3
rgb(103,107,211)
-
#767ad7
#767ad7
rgb(118,122,215)
-
#8589dc
#8589dc
rgb(133,137,220)
-
#9597e0
#9597e0
rgb(149,151,224)
-
#a4a6e5
#a4a6e5
rgb(164,166,229)
-
#b3b5e9
#b3b5e9
rgb(179,181,233)
-
#c2c4ed
#c2c4ed
rgb(194,196,237)
-
#d1d3f2
#d1d3f2
rgb(209,211,242)
-
#e1e1f6
#e1e1f6
rgb(225,225,246)
-
#f0f0fb
#f0f0fb
rgb(240,240,251)
Tones of #676bd3
A tone is produced by adding gray to any pure hue. In this case, #9c9c9e is the less saturated color, while #4148f9 is the most saturated one.
-
#9c9c9e
#9c9c9e
rgb(156,156,158)
-
#9495a6
#9495a6
rgb(148,149,166)
-
#8d8ead
#8d8ead
rgb(141,142,173)
-
#8587b5
#8587b5
rgb(133,135,181)
-
#7e80bc
#7e80bc
rgb(126,128,188)
-
#7679c4
#7679c4
rgb(118,121,196)
-
#6f72cb
#6f72cb
rgb(111,114,203)
-
#676bd3
#676bd3
rgb(103,107,211)
-
#5f64db
#5f64db
rgb(95,100,219)
-
#585de2
#585de2
rgb(88,93,226)
-
#5056ea
#5056ea
rgb(80,86,234)
-
#494ff1
#494ff1
rgb(73,79,241)
-
#4148f9
#4148f9
rgb(65,72,249)
Color Blindness Simulator
Below, you can see how #676bd3 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.