#676ba2 Color Information
In a RGB color space, hex #676ba2 is composed of 40.4% red, 42% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 34% magenta, 0% yellow and 36.5% black. It has a hue angle of 235.9 degrees, a saturation of 24.1% and a lightness of 52%. #676ba2 color hex could be obtained by blending #ced6ff with #000045. Closest websafe color is: #666699.
-
- R 40
- G 42
- B 64
-
- C 36
- M 34
- Y 0
- K 36
● #676ba2 color description : Mostly desaturated dark blue.
#676ba2 Color Conversion
The hexadecimal color #676ba2 has RGB values of R:103, G:107, B:162 and CMYK values of C:0.36, M:0.34, Y:0, K:0.36. Its decimal value is 6777762.
Hex triplet | 676ba2 | #676ba2 |
---|---|---|
RGB Decimal | 103, 107, 162 | rgb(103,107,162) |
RGB Percent | 40.4, 42, 63.5 | rgb(40.4%,42%,63.5%) |
CMYK | 36, 34, 0, 36 | |
HSL | 235.9°, 24.1, 52 | hsl(235.9,24.1%,52%) |
HSV (or HSB) | 235.9°, 36.4, 63.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.984, 12.268, -30.156 |
---|---|
XYZ | 17.372, 16.007, 36.355 |
xyY | 0.249, 0.23, 16.007 |
CIE-LCH | 46.984, 32.556, 292.137 |
CIE-LUV | 46.984, -5.051, -45.993 |
Hunter-Lab | 40.009, 7.487, -25.869 |
Binary | 01100111, 01101011, 10100010 |
Color Schemes with #676ba2
Alternatives to #676ba2
Below, you can see some colors close to #676ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ba2 Preview
This text has a font color of #676ba2.
<span style="color:#676ba2;">Text here</span>
This paragraph has a background color of #676ba2.
<p style="background-color:#676ba2;">Content here</p>
This element has a border color of #676ba2.
<div style="border:1px solid #676ba2;">Content here</div>
.text {color:#676ba2;}
.background {background-color:#676ba2;}
.border {border:1px solid #676ba2;}
Shades and Tints of #676ba2
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, #040406 is the darkest color, while #f9f9fb is the lightest one.
-
#040406
#040406
rgb(4,4,6)
-
#0b0c12
#0b0c12
rgb(11,12,18)
-
#13131f
#13131f
rgb(19,19,31)
-
#1a1b2b
#1a1b2b
rgb(26,27,43)
-
#222337
#222337
rgb(34,35,55)
-
#292b43
#292b43
rgb(41,43,67)
-
#30334f
#30334f
rgb(48,51,79)
-
#383a5b
#383a5b
rgb(56,58,91)
-
#3f4268
#3f4268
rgb(63,66,104)
-
#474a74
#474a74
rgb(71,74,116)
-
#4e5280
#4e5280
rgb(78,82,128)
-
#56598c
#56598c
rgb(86,89,140)
-
#5d6198
#5d6198
rgb(93,97,152)
-
#676ba2
#676ba2
rgb(103,107,162)
-
#7377a9
#7377a9
rgb(115,119,169)
-
#7f83b1
#7f83b1
rgb(127,131,177)
-
#8c8fb8
#8c8fb8
rgb(140,143,184)
-
#989ac0
#989ac0
rgb(152,154,192)
-
#a4a6c7
#a4a6c7
rgb(164,166,199)
-
#b0b2cf
#b0b2cf
rgb(176,178,207)
-
#bcbed6
#bcbed6
rgb(188,190,214)
-
#c8cade
#c8cade
rgb(200,202,222)
-
#d5d6e5
#d5d6e5
rgb(213,214,229)
-
#e1e1ec
#e1e1ec
rgb(225,225,236)
-
#ededf4
#ededf4
rgb(237,237,244)
-
#f9f9fb
#f9f9fb
rgb(249,249,251)
Tones of #676ba2
A tone is produced by adding gray to any pure hue. In this case, #838386 is the less saturated color, while #1222f7 is the most saturated one.
-
#838386
#838386
rgb(131,131,134)
-
#7a7b8f
#7a7b8f
rgb(122,123,143)
-
#707399
#707399
rgb(112,115,153)
-
#676ba2
#676ba2
rgb(103,107,162)
-
#5e63ab
#5e63ab
rgb(94,99,171)
-
#545bb5
#545bb5
rgb(84,91,181)
-
#4b53be
#4b53be
rgb(75,83,190)
-
#414ac8
#414ac8
rgb(65,74,200)
-
#3842d1
#3842d1
rgb(56,66,209)
-
#2e3adb
#2e3adb
rgb(46,58,219)
-
#2532e4
#2532e4
rgb(37,50,228)
-
#1c2aed
#1c2aed
rgb(28,42,237)
-
#1222f7
#1222f7
rgb(18,34,247)
Color Blindness Simulator
Below, you can see how #676ba2 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.