#676fa4 Color Information
In a RGB color space, hex #676fa4 is composed of 40.4% red, 43.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 32.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 232.1 degrees, a saturation of 25.1% and a lightness of 52.4%. #676fa4 color hex could be obtained by blending #cedeff with #000049. Closest websafe color is: #666699.
-
- R 40
- G 44
- B 64
-
- C 37
- M 32
- Y 0
- K 36
● #676fa4 color description : Mostly desaturated dark blue.
#676fa4 Color Conversion
The hexadecimal color #676fa4 has RGB values of R:103, G:111, B:164 and CMYK values of C:0.37, M:0.32, Y:0, K:0.36. Its decimal value is 6778788.
Hex triplet | 676fa4 | #676fa4 |
---|---|---|
RGB Decimal | 103, 111, 164 | rgb(103,111,164) |
RGB Percent | 40.4, 43.5, 64.3 | rgb(40.4%,43.5%,64.3%) |
CMYK | 37, 32, 0, 36 | |
HSL | 232.1°, 25.1, 52.4 | hsl(232.1,25.1%,52.4%) |
HSV (or HSB) | 232.1°, 37.2, 64.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 48.175, 10.397, -29.472 |
---|---|
XYZ | 17.977, 16.932, 37.441 |
xyY | 0.248, 0.234, 16.932 |
CIE-LCH | 48.175, 31.252, 289.432 |
CIE-LUV | 48.175, -6.71, -44.953 |
Hunter-Lab | 41.149, 5.974, -25.143 |
Binary | 01100111, 01101111, 10100100 |
Color Schemes with #676fa4
Alternatives to #676fa4
Below, you can see some colors close to #676fa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676fa4 Preview
This text has a font color of #676fa4.
<span style="color:#676fa4;">Text here</span>
This paragraph has a background color of #676fa4.
<p style="background-color:#676fa4;">Content here</p>
This element has a border color of #676fa4.
<div style="border:1px solid #676fa4;">Content here</div>
.text {color:#676fa4;}
.background {background-color:#676fa4;}
.border {border:1px solid #676fa4;}
Shades and Tints of #676fa4
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, #040508 is the darkest color, while #fafafc is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0c0d14
#0c0d14
rgb(12,13,20)
-
#131520
#131520
rgb(19,21,32)
-
#1b1d2c
#1b1d2c
rgb(27,29,44)
-
#222539
#222539
rgb(34,37,57)
-
#292d45
#292d45
rgb(41,45,69)
-
#313551
#313551
rgb(49,53,81)
-
#383d5d
#383d5d
rgb(56,61,93)
-
#3f456a
#3f456a
rgb(63,69,106)
-
#474d76
#474d76
rgb(71,77,118)
-
#4e5582
#4e5582
rgb(78,85,130)
-
#555d8e
#555d8e
rgb(85,93,142)
-
#5d659b
#5d659b
rgb(93,101,155)
-
#676fa4
#676fa4
rgb(103,111,164)
-
#737bab
#737bab
rgb(115,123,171)
-
#8086b3
#8086b3
rgb(128,134,179)
-
#8c92ba
#8c92ba
rgb(140,146,186)
-
#989dc1
#989dc1
rgb(152,157,193)
-
#a4a9c9
#a4a9c9
rgb(164,169,201)
-
#b1b5d0
#b1b5d0
rgb(177,181,208)
-
#bdc0d7
#bdc0d7
rgb(189,192,215)
-
#c9ccdf
#c9ccdf
rgb(201,204,223)
-
#d5d8e6
#d5d8e6
rgb(213,216,230)
-
#e2e3ed
#e2e3ed
rgb(226,227,237)
-
#eeeff5
#eeeff5
rgb(238,239,245)
-
#fafafc
#fafafc
rgb(250,250,252)
Tones of #676fa4
A tone is produced by adding gray to any pure hue. In this case, #838488 is the less saturated color, while #1331f8 is the most saturated one.
-
#838488
#838488
rgb(131,132,136)
-
#7a7d91
#7a7d91
rgb(122,125,145)
-
#70769b
#70769b
rgb(112,118,155)
-
#676fa4
#676fa4
rgb(103,111,164)
-
#5e68ad
#5e68ad
rgb(94,104,173)
-
#5461b7
#5461b7
rgb(84,97,183)
-
#4b5ac0
#4b5ac0
rgb(75,90,192)
-
#4253c9
#4253c9
rgb(66,83,201)
-
#384dd3
#384dd3
rgb(56,77,211)
-
#2f46dc
#2f46dc
rgb(47,70,220)
-
#263fe5
#263fe5
rgb(38,63,229)
-
#1c38ef
#1c38ef
rgb(28,56,239)
-
#1331f8
#1331f8
rgb(19,49,248)
Color Blindness Simulator
Below, you can see how #676fa4 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.