#676feb Color Information
In a RGB color space, hex #676feb is composed of 40.4% red, 43.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 52.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 236.4 degrees, a saturation of 76.7% and a lightness of 66.3%. #676feb color hex could be obtained by blending #cedeff with #0000d7. Closest websafe color is: #6666ff.
-
- R 40
- G 44
- B 92
-
- C 56
- M 53
- Y 0
- K 8
● #676feb color description : Soft blue.
#676feb Color Conversion
The hexadecimal color #676feb has RGB values of R:103, G:111, B:235 and CMYK values of C:0.56, M:0.53, Y:0, K:0.08. Its decimal value is 6778859.
Hex triplet | 676feb | #676feb |
---|---|---|
RGB Decimal | 103, 111, 235 | rgb(103,111,235) |
RGB Percent | 40.4, 43.5, 92.2 | rgb(40.4%,43.5%,92.2%) |
CMYK | 56, 53, 0, 8 | |
HSL | 236.4°, 76.7, 66.3 | hsl(236.4,76.7%,66.3%) |
HSV (or HSB) | 236.4°, 56.2, 92.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.118, 32.083, -63.862 |
---|---|
XYZ | 26.27, 20.249, 81.117 |
xyY | 0.206, 0.159, 20.249 |
CIE-LCH | 52.118, 71.468, 296.674 |
CIE-LUV | 52.118, -9.87, -101.958 |
Hunter-Lab | 44.999, 25.458, -75.378 |
Binary | 01100111, 01101111, 11101011 |
Color Schemes with #676feb
Alternatives to #676feb
Below, you can see some colors close to #676feb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676feb Preview
This text has a font color of #676feb.
<span style="color:#676feb;">Text here</span>
This paragraph has a background color of #676feb.
<p style="background-color:#676feb;">Content here</p>
This element has a border color of #676feb.
<div style="border:1px solid #676feb;">Content here</div>
.text {color:#676feb;}
.background {background-color:#676feb;}
.border {border:1px solid #676feb;}
Shades and Tints of #676feb
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, #010104 is the darkest color, while #f2f2fd is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#030415
#030415
rgb(3,4,21)
-
#050727
#050727
rgb(5,7,39)
-
#070a38
#070a38
rgb(7,10,56)
-
#0a0e49
#0a0e49
rgb(10,14,73)
-
#0c115b
#0c115b
rgb(12,17,91)
-
#0e146c
#0e146c
rgb(14,20,108)
-
#10177d
#10177d
rgb(16,23,125)
-
#131a8f
#131a8f
rgb(19,26,143)
-
#151da0
#151da0
rgb(21,29,160)
-
#1721b1
#1721b1
rgb(23,33,177)
-
#1a24c3
#1a24c3
rgb(26,36,195)
-
#1c27d4
#1c27d4
rgb(28,39,212)
-
#222de2
#222de2
rgb(34,45,226)
-
#333ee4
#333ee4
rgb(51,62,228)
-
#444ee6
#444ee6
rgb(68,78,230)
-
#565fe9
#565fe9
rgb(86,95,233)
-
#676feb
#676feb
rgb(103,111,235)
-
#787fed
#787fed
rgb(120,127,237)
-
#8a90f0
#8a90f0
rgb(138,144,240)
-
#9ba0f2
#9ba0f2
rgb(155,160,242)
-
#acb1f4
#acb1f4
rgb(172,177,244)
-
#bec1f6
#bec1f6
rgb(190,193,246)
-
#cfd2f9
#cfd2f9
rgb(207,210,249)
-
#e0e2fb
#e0e2fb
rgb(224,226,251)
-
#f2f2fd
#f2f2fd
rgb(242,242,253)
Tones of #676feb
A tone is produced by adding gray to any pure hue. In this case, #a3a3af is the less saturated color, while #535eff is the most saturated one.
-
#a3a3af
#a3a3af
rgb(163,163,175)
-
#9c9eb6
#9c9eb6
rgb(156,158,182)
-
#9598bd
#9598bd
rgb(149,152,189)
-
#8f92c3
#8f92c3
rgb(143,146,195)
-
#888cca
#888cca
rgb(136,140,202)
-
#8186d1
#8186d1
rgb(129,134,209)
-
#7b80d7
#7b80d7
rgb(123,128,215)
-
#747bde
#747bde
rgb(116,123,222)
-
#6e75e4
#6e75e4
rgb(110,117,228)
-
#676feb
#676feb
rgb(103,111,235)
-
#6069f2
#6069f2
rgb(96,105,242)
-
#5a63f8
#5a63f8
rgb(90,99,248)
-
#535eff
#535eff
rgb(83,94,255)
Color Blindness Simulator
Below, you can see how #676feb 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.