#676fa0 Color Information
In a RGB color space, hex #676fa0 is composed of 40.4% red, 43.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 30.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 231.6 degrees, a saturation of 23.1% and a lightness of 51.6%. #676fa0 color hex could be obtained by blending #cedeff with #000041. Closest websafe color is: #666699.
-
- R 40
- G 44
- B 63
-
- C 36
- M 31
- Y 0
- K 37
● #676fa0 color description : Mostly desaturated dark blue.
#676fa0 Color Conversion
The hexadecimal color #676fa0 has RGB values of R:103, G:111, B:160 and CMYK values of C:0.36, M:0.31, Y:0, K:0.37. Its decimal value is 6778784.
Hex triplet | 676fa0 | #676fa0 |
---|---|---|
RGB Decimal | 103, 111, 160 | rgb(103,111,160) |
RGB Percent | 40.4, 43.5, 62.7 | rgb(40.4%,43.5%,62.7%) |
CMYK | 36, 31, 0, 37 | |
HSL | 231.6°, 23.1, 51.6 | hsl(231.6,23.1%,51.6%) |
HSV (or HSB) | 231.6°, 35.6, 62.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.994, 9.269, -27.406 |
---|---|
XYZ | 17.622, 16.79, 35.568 |
xyY | 0.252, 0.24, 16.79 |
CIE-LCH | 47.994, 28.931, 288.686 |
CIE-LUV | 47.994, -6.527, -41.576 |
Hunter-Lab | 40.976, 5.057, -22.782 |
Binary | 01100111, 01101111, 10100000 |
Color Schemes with #676fa0
Alternatives to #676fa0
Below, you can see some colors close to #676fa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676fa0 Preview
This text has a font color of #676fa0.
<span style="color:#676fa0;">Text here</span>
This paragraph has a background color of #676fa0.
<p style="background-color:#676fa0;">Content here</p>
This element has a border color of #676fa0.
<div style="border:1px solid #676fa0;">Content here</div>
.text {color:#676fa0;}
.background {background-color:#676fa0;}
.border {border:1px solid #676fa0;}
Shades and Tints of #676fa0
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, #030305 is the darkest color, while #f8f8fb is the lightest one.
-
#030305
#030305
rgb(3,3,5)
-
#0b0c11
#0b0c11
rgb(11,12,17)
-
#12141d
#12141d
rgb(18,20,29)
-
#1a1c29
#1a1c29
rgb(26,28,41)
-
#212435
#212435
rgb(33,36,53)
-
#292c41
#292c41
rgb(41,44,65)
-
#30344d
#30344d
rgb(48,52,77)
-
#383d59
#383d59
rgb(56,61,89)
-
#3f4565
#3f4565
rgb(63,69,101)
-
#474d72
#474d72
rgb(71,77,114)
-
#4f557e
#4f557e
rgb(79,85,126)
-
#565d8a
#565d8a
rgb(86,93,138)
-
#5e6596
#5e6596
rgb(94,101,150)
-
#676fa0
#676fa0
rgb(103,111,160)
-
#737aa8
#737aa8
rgb(115,122,168)
-
#7f86af
#7f86af
rgb(127,134,175)
-
#8b91b7
#8b91b7
rgb(139,145,183)
-
#979dbe
#979dbe
rgb(151,157,190)
-
#a3a8c6
#a3a8c6
rgb(163,168,198)
-
#afb4cd
#afb4cd
rgb(175,180,205)
-
#bbbfd5
#bbbfd5
rgb(187,191,213)
-
#c8cadc
#c8cadc
rgb(200,202,220)
-
#d4d6e4
#d4d6e4
rgb(212,214,228)
-
#e0e1eb
#e0e1eb
rgb(224,225,235)
-
#ecedf3
#ecedf3
rgb(236,237,243)
-
#f8f8fb
#f8f8fb
rgb(248,248,251)
Tones of #676fa0
A tone is produced by adding gray to any pure hue. In this case, #7a7d8d is the less saturated color, while #082bff is the most saturated one.
-
#7a7d8d
#7a7d8d
rgb(122,125,141)
-
#717697
#717697
rgb(113,118,151)
-
#676fa0
#676fa0
rgb(103,111,160)
-
#5e68aa
#5e68aa
rgb(94,104,170)
-
#5461b3
#5461b3
rgb(84,97,179)
-
#4b5bbd
#4b5bbd
rgb(75,91,189)
-
#4154c6
#4154c6
rgb(65,84,198)
-
#384dd0
#384dd0
rgb(56,77,208)
-
#2e46d9
#2e46d9
rgb(46,70,217)
-
#253fe3
#253fe3
rgb(37,63,227)
-
#1b38ec
#1b38ec
rgb(27,56,236)
-
#1232f6
#1232f6
rgb(18,50,246)
-
#082bff
#082bff
rgb(8,43,255)
Color Blindness Simulator
Below, you can see how #676fa0 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.