#676ee7 Color Information
In a RGB color space, hex #676ee7 is composed of 40.4% red, 43.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 52.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 236.7 degrees, a saturation of 72.7% and a lightness of 65.5%. #676ee7 color hex could be obtained by blending #cedcff with #0000cf. Closest websafe color is: #6666ff.
-
- R 40
- G 43
- B 91
-
- C 55
- M 52
- Y 0
- K 9
● #676ee7 color description : Soft blue.
#676ee7 Color Conversion
The hexadecimal color #676ee7 has RGB values of R:103, G:110, B:231 and CMYK values of C:0.55, M:0.52, Y:0, K:0.09. Its decimal value is 6778599.
Hex triplet | 676ee7 | #676ee7 |
---|---|---|
RGB Decimal | 103, 110, 231 | rgb(103,110,231) |
RGB Percent | 40.4, 43.1, 90.6 | rgb(40.4%,43.1%,90.6%) |
CMYK | 55, 52, 0, 9 | |
HSL | 236.7°, 72.7, 65.5 | hsl(236.7,72.7%,65.5%) |
HSV (or HSB) | 236.7°, 55.4, 90.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.615, 31.418, -62.431 |
---|---|
XYZ | 25.59, 19.804, 78.071 |
xyY | 0.207, 0.16, 19.804 |
CIE-LCH | 51.615, 69.891, 296.714 |
CIE-LUV | 51.615, -9.408, -99.485 |
Hunter-Lab | 44.502, 24.768, -72.864 |
Binary | 01100111, 01101110, 11100111 |
Color Schemes with #676ee7
Alternatives to #676ee7
Below, you can see some colors close to #676ee7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ee7 Preview
This text has a font color of #676ee7.
<span style="color:#676ee7;">Text here</span>
This paragraph has a background color of #676ee7.
<p style="background-color:#676ee7;">Content here</p>
This element has a border color of #676ee7.
<div style="border:1px solid #676ee7;">Content here</div>
.text {color:#676ee7;}
.background {background-color:#676ee7;}
.border {border:1px solid #676ee7;}
Shades and Tints of #676ee7
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 #efeffc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030411
#030411
rgb(3,4,17)
-
#050722
#050722
rgb(5,7,34)
-
#080a33
#080a33
rgb(8,10,51)
-
#0b0e44
#0b0e44
rgb(11,14,68)
-
#0d1155
#0d1155
rgb(13,17,85)
-
#101566
#101566
rgb(16,21,102)
-
#131877
#131877
rgb(19,24,119)
-
#151c88
#151c88
rgb(21,28,136)
-
#181f99
#181f99
rgb(24,31,153)
-
#1b23aa
#1b23aa
rgb(27,35,170)
-
#1d26bb
#1d26bb
rgb(29,38,187)
-
#202acc
#202acc
rgb(32,42,204)
-
#232ddc
#232ddc
rgb(35,45,220)
-
#343edf
#343edf
rgb(52,62,223)
-
#454ee2
#454ee2
rgb(69,78,226)
-
#565ee4
#565ee4
rgb(86,94,228)
-
#676ee7
#676ee7
rgb(103,110,231)
-
#787eea
#787eea
rgb(120,126,234)
-
#898eec
#898eec
rgb(137,142,236)
-
#9a9eef
#9a9eef
rgb(154,158,239)
-
#abaff2
#abaff2
rgb(171,175,242)
-
#bcbff4
#bcbff4
rgb(188,191,244)
-
#cdcff7
#cdcff7
rgb(205,207,247)
-
#dedffa
#dedffa
rgb(222,223,250)
-
#efeffc
#efeffc
rgb(239,239,252)
Tones of #676ee7
A tone is produced by adding gray to any pure hue. In this case, #a4a4aa is the less saturated color, while #535cfb is the most saturated one.
-
#a4a4aa
#a4a4aa
rgb(164,164,170)
-
#9d9eb1
#9d9eb1
rgb(157,158,177)
-
#9698b8
#9698b8
rgb(150,152,184)
-
#9092be
#9092be
rgb(144,146,190)
-
#898cc5
#898cc5
rgb(137,140,197)
-
#8286cc
#8286cc
rgb(130,134,204)
-
#7b80d3
#7b80d3
rgb(123,128,211)
-
#757ad9
#757ad9
rgb(117,122,217)
-
#6e74e0
#6e74e0
rgb(110,116,224)
-
#676ee7
#676ee7
rgb(103,110,231)
-
#6068ee
#6068ee
rgb(96,104,238)
-
#5962f5
#5962f5
rgb(89,98,245)
-
#535cfb
#535cfb
rgb(83,92,251)
Color Blindness Simulator
Below, you can see how #676ee7 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.