#676ea8 Color Information
In a RGB color space, hex #676ea8 is composed of 40.4% red, 43.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 34.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 233.5 degrees, a saturation of 27.2% and a lightness of 53.1%. #676ea8 color hex could be obtained by blending #cedcff with #000051. Closest websafe color is: #666699.
-
- R 40
- G 43
- B 66
-
- C 39
- M 35
- Y 0
- K 34
● #676ea8 color description : Mostly desaturated dark blue.
#676ea8 Color Conversion
The hexadecimal color #676ea8 has RGB values of R:103, G:110, B:168 and CMYK values of C:0.39, M:0.35, Y:0, K:0.34. Its decimal value is 6778536.
Hex triplet | 676ea8 | #676ea8 |
---|---|---|
RGB Decimal | 103, 110, 168 | rgb(103,110,168) |
RGB Percent | 40.4, 43.1, 65.9 | rgb(40.4%,43.1%,65.9%) |
CMYK | 39, 35, 0, 34 | |
HSL | 233.5°, 27.2, 53.1 | hsl(233.5,27.2%,53.1%) |
HSV (or HSB) | 233.5°, 38.7, 65.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 48.086, 12.149, -31.952 |
---|---|
XYZ | 18.236, 16.862, 39.338 |
xyY | 0.245, 0.227, 16.862 |
CIE-LCH | 48.086, 34.183, 290.818 |
CIE-LUV | 48.086, -6.508, -49.003 |
Hunter-Lab | 41.064, 7.409, -28.053 |
Binary | 01100111, 01101110, 10101000 |
Color Schemes with #676ea8
Alternatives to #676ea8
Below, you can see some colors close to #676ea8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ea8 Preview
This text has a font color of #676ea8.
<span style="color:#676ea8;">Text here</span>
This paragraph has a background color of #676ea8.
<p style="background-color:#676ea8;">Content here</p>
This element has a border color of #676ea8.
<div style="border:1px solid #676ea8;">Content here</div>
.text {color:#676ea8;}
.background {background-color:#676ea8;}
.border {border:1px solid #676ea8;}
Shades and Tints of #676ea8
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, #06060a is the darkest color, while #fdfdfe is the lightest one.
-
#06060a
#06060a
rgb(6,6,10)
-
#0d0e17
#0d0e17
rgb(13,14,23)
-
#141623
#141623
rgb(20,22,35)
-
#1b1d30
#1b1d30
rgb(27,29,48)
-
#22253c
#22253c
rgb(34,37,60)
-
#2a2d49
#2a2d49
rgb(42,45,73)
-
#313555
#313555
rgb(49,53,85)
-
#383c62
#383c62
rgb(56,60,98)
-
#3f446e
#3f446e
rgb(63,68,110)
-
#464c7a
#464c7a
rgb(70,76,122)
-
#4d5387
#4d5387
rgb(77,83,135)
-
#545b93
#545b93
rgb(84,91,147)
-
#5c63a0
#5c63a0
rgb(92,99,160)
-
#676ea8
#676ea8
rgb(103,110,168)
-
#737aaf
#737aaf
rgb(115,122,175)
-
#8086b6
#8086b6
rgb(128,134,182)
-
#8c92bd
#8c92bd
rgb(140,146,189)
-
#999ec5
#999ec5
rgb(153,158,197)
-
#a5aacc
#a5aacc
rgb(165,170,204)
-
#b2b5d3
#b2b5d3
rgb(178,181,211)
-
#bec1da
#bec1da
rgb(190,193,218)
-
#cbcde1
#cbcde1
rgb(203,205,225)
-
#d7d9e8
#d7d9e8
rgb(215,217,232)
-
#e4e5ef
#e4e5ef
rgb(228,229,239)
-
#f0f1f7
#f0f1f7
rgb(240,241,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #676ea8
A tone is produced by adding gray to any pure hue. In this case, #83848c is the less saturated color, while #142dfb is the most saturated one.
-
#83848c
#83848c
rgb(131,132,140)
-
#797c96
#797c96
rgb(121,124,150)
-
#70759f
#70759f
rgb(112,117,159)
-
#676ea8
#676ea8
rgb(103,110,168)
-
#5e67b1
#5e67b1
rgb(94,103,177)
-
#5560ba
#5560ba
rgb(85,96,186)
-
#4b58c4
#4b58c4
rgb(75,88,196)
-
#4251cd
#4251cd
rgb(66,81,205)
-
#394ad6
#394ad6
rgb(57,74,214)
-
#3043df
#3043df
rgb(48,67,223)
-
#273ce8
#273ce8
rgb(39,60,232)
-
#1d34f2
#1d34f2
rgb(29,52,242)
-
#142dfb
#142dfb
rgb(20,45,251)
Color Blindness Simulator
Below, you can see how #676ea8 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.