#676fba Color Information
In a RGB color space, hex #676fba is composed of 40.4% red, 43.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 40.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 234.2 degrees, a saturation of 37.6% and a lightness of 56.7%. #676fba color hex could be obtained by blending #cedeff with #000075. Closest websafe color is: #6666cc.
-
- R 40
- G 44
- B 73
-
- C 45
- M 40
- Y 0
- K 27
● #676fba color description : Slightly desaturated blue.
#676fba Color Conversion
The hexadecimal color #676fba has RGB values of R:103, G:111, B:186 and CMYK values of C:0.45, M:0.4, Y:0, K:0.27. Its decimal value is 6778810.
Hex triplet | 676fba | #676fba |
---|---|---|
RGB Decimal | 103, 111, 186 | rgb(103,111,186) |
RGB Percent | 40.4, 43.5, 72.9 | rgb(40.4%,43.5%,72.9%) |
CMYK | 45, 40, 0, 27 | |
HSL | 234.2°, 37.6, 56.7 | hsl(234.2,37.6%,56.7%) |
HSV (or HSB) | 234.2°, 44.6, 72.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.249, 16.838, -40.584 |
---|---|
XYZ | 20.139, 17.797, 48.826 |
xyY | 0.232, 0.205, 17.797 |
CIE-LCH | 49.249, 43.939, 292.532 |
CIE-LUV | 49.249, -7.71, -63.325 |
Hunter-Lab | 42.186, 11.386, -39.09 |
Binary | 01100111, 01101111, 10111010 |
Color Schemes with #676fba
Alternatives to #676fba
Below, you can see some colors close to #676fba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676fba Preview
This text has a font color of #676fba.
<span style="color:#676fba;">Text here</span>
This paragraph has a background color of #676fba.
<p style="background-color:#676fba;">Content here</p>
This element has a border color of #676fba.
<div style="border:1px solid #676fba;">Content here</div>
.text {color:#676fba;}
.background {background-color:#676fba;}
.border {border:1px solid #676fba;}
Shades and Tints of #676fba
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, #04050a is the darkest color, while #fbfcfd is the lightest one.
-
#04050a
#04050a
rgb(4,5,10)
-
#0b0c17
#0b0c17
rgb(11,12,23)
-
#111325
#111325
rgb(17,19,37)
-
#171a32
#171a32
rgb(23,26,50)
-
#1d2040
#1d2040
rgb(29,32,64)
-
#23274d
#23274d
rgb(35,39,77)
-
#292e5b
#292e5b
rgb(41,46,91)
-
#2f3568
#2f3568
rgb(47,53,104)
-
#353c76
#353c76
rgb(53,60,118)
-
#3c4383
#3c4383
rgb(60,67,131)
-
#424991
#424991
rgb(66,73,145)
-
#48509e
#48509e
rgb(72,80,158)
-
#4e57ac
#4e57ac
rgb(78,87,172)
-
#5a62b4
#5a62b4
rgb(90,98,180)
-
#676fba
#676fba
rgb(103,111,186)
-
#747cc0
#747cc0
rgb(116,124,192)
-
#8289c6
#8289c6
rgb(130,137,198)
-
#8f95cc
#8f95cc
rgb(143,149,204)
-
#9da2d2
#9da2d2
rgb(157,162,210)
-
#aaafd9
#aaafd9
rgb(170,175,217)
-
#b8bcdf
#b8bcdf
rgb(184,188,223)
-
#c5c8e5
#c5c8e5
rgb(197,200,229)
-
#d3d5eb
#d3d5eb
rgb(211,213,235)
-
#e0e2f1
#e0e2f1
rgb(224,226,241)
-
#eeeff7
#eeeff7
rgb(238,239,247)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #676fba
A tone is produced by adding gray to any pure hue. In this case, #898a98 is the less saturated color, while #2338fe is the most saturated one.
-
#898a98
#898a98
rgb(137,138,152)
-
#8184a1
#8184a1
rgb(129,132,161)
-
#787da9
#787da9
rgb(120,125,169)
-
#7076b2
#7076b2
rgb(112,118,178)
-
#676fba
#676fba
rgb(103,111,186)
-
#5f68c3
#5f68c3
rgb(95,104,195)
-
#5661cb
#5661cb
rgb(86,97,203)
-
#4e5ad4
#4e5ad4
rgb(78,90,212)
-
#4554dc
#4554dc
rgb(69,84,220)
-
#3d4de5
#3d4de5
rgb(61,77,229)
-
#3446ed
#3446ed
rgb(52,70,237)
-
#2c3ff6
#2c3ff6
rgb(44,63,246)
-
#2338fe
#2338fe
rgb(35,56,254)
Color Blindness Simulator
Below, you can see how #676fba 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.