#676cbe Color Information
In a RGB color space, hex #676cbe is composed of 40.4% red, 42.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 43.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 236.6 degrees, a saturation of 40.1% and a lightness of 57.5%. #676cbe color hex could be obtained by blending #ced8ff with #00007d. Closest websafe color is: #6666cc.
-
- R 40
- G 42
- B 75
-
- C 46
- M 43
- Y 0
- K 25
● #676cbe color description : Slightly desaturated blue.
#676cbe Color Conversion
The hexadecimal color #676cbe has RGB values of R:103, G:108, B:190 and CMYK values of C:0.46, M:0.43, Y:0, K:0.25. Its decimal value is 6778046.
Hex triplet | 676cbe | #676cbe |
---|---|---|
RGB Decimal | 103, 108, 190 | rgb(103,108,190) |
RGB Percent | 40.4, 42.4, 74.5 | rgb(40.4%,42.4%,74.5%) |
CMYK | 46, 43, 0, 25 | |
HSL | 236.6°, 40.1, 57.5 | hsl(236.6,40.1%,57.5%) |
HSV (or HSB) | 236.6°, 45.8, 74.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.668, 19.881, -43.815 |
---|---|
XYZ | 20.249, 17.326, 50.99 |
xyY | 0.229, 0.196, 17.326 |
CIE-LCH | 48.668, 48.115, 294.406 |
CIE-LUV | 48.668, -6.853, -68.521 |
Hunter-Lab | 41.624, 13.991, -43.493 |
Binary | 01100111, 01101100, 10111110 |
Color Schemes with #676cbe
Alternatives to #676cbe
Below, you can see some colors close to #676cbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676cbe Preview
This text has a font color of #676cbe.
<span style="color:#676cbe;">Text here</span>
This paragraph has a background color of #676cbe.
<p style="background-color:#676cbe;">Content here</p>
This element has a border color of #676cbe.
<div style="border:1px solid #676cbe;">Content here</div>
.text {color:#676cbe;}
.background {background-color:#676cbe;}
.border {border:1px solid #676cbe;}
Shades and Tints of #676cbe
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, #06060d is the darkest color, while #fefeff is the lightest one.
-
#06060d
#06060d
rgb(6,6,13)
-
#0b0c1b
#0b0c1b
rgb(11,12,27)
-
#111328
#111328
rgb(17,19,40)
-
#171936
#171936
rgb(23,25,54)
-
#1d1f44
#1d1f44
rgb(29,31,68)
-
#232652
#232652
rgb(35,38,82)
-
#292c5f
#292c5f
rgb(41,44,95)
-
#2f326d
#2f326d
rgb(47,50,109)
-
#35397b
#35397b
rgb(53,57,123)
-
#3a3f89
#3a3f89
rgb(58,63,137)
-
#404596
#404596
rgb(64,69,150)
-
#464ca4
#464ca4
rgb(70,76,164)
-
#4c52b2
#4c52b2
rgb(76,82,178)
-
#595fb8
#595fb8
rgb(89,95,184)
-
#676cbe
#676cbe
rgb(103,108,190)
-
#7579c4
#7579c4
rgb(117,121,196)
-
#8287ca
#8287ca
rgb(130,135,202)
-
#9094d0
#9094d0
rgb(144,148,208)
-
#9ea1d6
#9ea1d6
rgb(158,161,214)
-
#acaedb
#acaedb
rgb(172,174,219)
-
#b9bce1
#b9bce1
rgb(185,188,225)
-
#c7c9e7
#c7c9e7
rgb(199,201,231)
-
#d5d6ed
#d5d6ed
rgb(213,214,237)
-
#e3e4f3
#e3e4f3
rgb(227,228,243)
-
#f0f1f9
#f0f1f9
rgb(240,241,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #676cbe
A tone is produced by adding gray to any pure hue. In this case, #919194 is the less saturated color, while #2d38f8 is the most saturated one.
-
#919194
#919194
rgb(145,145,148)
-
#888a9d
#888a9d
rgb(136,138,157)
-
#8082a5
#8082a5
rgb(128,130,165)
-
#787bad
#787bad
rgb(120,123,173)
-
#6f73b6
#6f73b6
rgb(111,115,182)
-
#676cbe
#676cbe
rgb(103,108,190)
-
#5f65c6
#5f65c6
rgb(95,101,198)
-
#565dcf
#565dcf
rgb(86,93,207)
-
#4e56d7
#4e56d7
rgb(78,86,215)
-
#464edf
#464edf
rgb(70,78,223)
-
#3d47e8
#3d47e8
rgb(61,71,232)
-
#3540f0
#3540f0
rgb(53,64,240)
-
#2d38f8
#2d38f8
rgb(45,56,248)
Color Blindness Simulator
Below, you can see how #676cbe 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.