#676e9a Color Information
In a RGB color space, hex #676e9a is composed of 40.4% red, 43.1% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 28.6% magenta, 0% yellow and 39.6% black. It has a hue angle of 231.8 degrees, a saturation of 20.2% and a lightness of 50.4%. #676e9a color hex could be obtained by blending #cedcff with #000035. Closest websafe color is: #666699.
-
- R 40
- G 43
- B 60
-
- C 33
- M 29
- Y 0
- K 40
● #676e9a color description : Mostly desaturated dark blue.
#676e9a Color Conversion
The hexadecimal color #676e9a has RGB values of R:103, G:110, B:154 and CMYK values of C:0.33, M:0.29, Y:0, K:0.4. Its decimal value is 6778522.
Hex triplet | 676e9a | #676e9a |
---|---|---|
RGB Decimal | 103, 110, 154 | rgb(103,110,154) |
RGB Percent | 40.4, 43.1, 60.4 | rgb(40.4%,43.1%,60.4%) |
CMYK | 33, 29, 0, 40 | |
HSL | 231.8°, 20.2, 50.4 | hsl(231.8,20.2%,50.4%) |
HSV (or HSB) | 231.8°, 33.1, 60.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.454, 8.211, -24.714 |
---|---|
XYZ | 17.001, 16.368, 32.834 |
xyY | 0.257, 0.247, 16.368 |
CIE-LCH | 47.454, 26.042, 288.378 |
CIE-LUV | 47.454, -5.846, -37.195 |
Hunter-Lab | 40.458, 4.208, -19.797 |
Binary | 01100111, 01101110, 10011010 |
Color Schemes with #676e9a
Alternatives to #676e9a
Below, you can see some colors close to #676e9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676e9a Preview
This text has a font color of #676e9a.
<span style="color:#676e9a;">Text here</span>
This paragraph has a background color of #676e9a.
<p style="background-color:#676e9a;">Content here</p>
This element has a border color of #676e9a.
<div style="border:1px solid #676e9a;">Content here</div>
.text {color:#676e9a;}
.background {background-color:#676e9a;}
.border {border:1px solid #676e9a;}
Shades and Tints of #676e9a
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, #010101 is the darkest color, while #f4f5f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#09090d
#09090d
rgb(9,9,13)
-
#101219
#101219
rgb(16,18,25)
-
#181a25
#181a25
rgb(24,26,37)
-
#202230
#202230
rgb(32,34,48)
-
#282b3c
#282b3c
rgb(40,43,60)
-
#303348
#303348
rgb(48,51,72)
-
#383b54
#383b54
rgb(56,59,84)
-
#3f445f
#3f445f
rgb(63,68,95)
-
#474c6b
#474c6b
rgb(71,76,107)
-
#4f5577
#4f5577
rgb(79,85,119)
-
#575d83
#575d83
rgb(87,93,131)
-
#5f658f
#5f658f
rgb(95,101,143)
-
#676e9a
#676e9a
rgb(103,110,154)
-
#7379a2
#7379a2
rgb(115,121,162)
-
#7f84aa
#7f84aa
rgb(127,132,170)
-
#8a90b1
#8a90b1
rgb(138,144,177)
-
#969bb9
#969bb9
rgb(150,155,185)
-
#a2a6c1
#a2a6c1
rgb(162,166,193)
-
#aeb1c9
#aeb1c9
rgb(174,177,201)
-
#b9bdd1
#b9bdd1
rgb(185,189,209)
-
#c5c8d9
#c5c8d9
rgb(197,200,217)
-
#d1d3e0
#d1d3e0
rgb(209,211,224)
-
#dddee8
#dddee8
rgb(221,222,232)
-
#e9eaf0
#e9eaf0
rgb(233,234,240)
-
#f4f5f8
#f4f5f8
rgb(244,245,248)
Tones of #676e9a
A tone is produced by adding gray to any pure hue. In this case, #7a7c87 is the less saturated color, while #0627fb is the most saturated one.
-
#7a7c87
#7a7c87
rgb(122,124,135)
-
#717590
#717590
rgb(113,117,144)
-
#676e9a
#676e9a
rgb(103,110,154)
-
#5d67a4
#5d67a4
rgb(93,103,164)
-
#5460ad
#5460ad
rgb(84,96,173)
-
#4a59b7
#4a59b7
rgb(74,89,183)
-
#4052c1
#4052c1
rgb(64,82,193)
-
#364bcb
#364bcb
rgb(54,75,203)
-
#2d44d4
#2d44d4
rgb(45,68,212)
-
#233dde
#233dde
rgb(35,61,222)
-
#1936e8
#1936e8
rgb(25,54,232)
-
#0f2ef2
#0f2ef2
rgb(15,46,242)
-
#0627fb
#0627fb
rgb(6,39,251)
Color Blindness Simulator
Below, you can see how #676e9a 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.