#676ea1 Color Information
In a RGB color space, hex #676ea1 is composed of 40.4% red, 43.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 31.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 232.8 degrees, a saturation of 23.6% and a lightness of 51.8%. #676ea1 color hex could be obtained by blending #cedcff with #000043. Closest websafe color is: #666699.
-
- R 40
- G 43
- B 63
-
- C 36
- M 32
- Y 0
- K 37
● #676ea1 color description : Mostly desaturated dark blue.
#676ea1 Color Conversion
The hexadecimal color #676ea1 has RGB values of R:103, G:110, B:161 and CMYK values of C:0.36, M:0.32, Y:0, K:0.37. Its decimal value is 6778529.
Hex triplet | 676ea1 | #676ea1 |
---|---|---|
RGB Decimal | 103, 110, 161 | rgb(103,110,161) |
RGB Percent | 40.4, 43.1, 63.1 | rgb(40.4%,43.1%,63.1%) |
CMYK | 36, 32, 0, 37 | |
HSL | 232.8°, 23.6, 51.8 | hsl(232.8,23.6%,51.8%) |
HSV (or HSB) | 232.8°, 36, 63.1 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.763, 10.157, -28.354 |
---|---|
XYZ | 17.601, 16.608, 35.995 |
xyY | 0.251, 0.237, 16.608 |
CIE-LCH | 47.763, 30.118, 289.708 |
CIE-LUV | 47.763, -6.177, -43.109 |
Hunter-Lab | 40.753, 5.776, -23.84 |
Binary | 01100111, 01101110, 10100001 |
Color Schemes with #676ea1
Alternatives to #676ea1
Below, you can see some colors close to #676ea1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676ea1 Preview
This text has a font color of #676ea1.
<span style="color:#676ea1;">Text here</span>
This paragraph has a background color of #676ea1.
<p style="background-color:#676ea1;">Content here</p>
This element has a border color of #676ea1.
<div style="border:1px solid #676ea1;">Content here</div>
.text {color:#676ea1;}
.background {background-color:#676ea1;}
.border {border:1px solid #676ea1;}
Shades and Tints of #676ea1
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, #030406 is the darkest color, while #f8f9fb is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0b0c12
#0b0c12
rgb(11,12,18)
-
#12141e
#12141e
rgb(18,20,30)
-
#1a1c2a
#1a1c2a
rgb(26,28,42)
-
#212436
#212436
rgb(33,36,54)
-
#292c42
#292c42
rgb(41,44,66)
-
#30344e
#30344e
rgb(48,52,78)
-
#383c5a
#383c5a
rgb(56,60,90)
-
#3f4467
#3f4467
rgb(63,68,103)
-
#474c73
#474c73
rgb(71,76,115)
-
#4e547f
#4e547f
rgb(78,84,127)
-
#565c8b
#565c8b
rgb(86,92,139)
-
#5d6497
#5d6497
rgb(93,100,151)
-
#676ea1
#676ea1
rgb(103,110,161)
-
#737aa8
#737aa8
rgb(115,122,168)
-
#7f85b0
#7f85b0
rgb(127,133,176)
-
#8b91b7
#8b91b7
rgb(139,145,183)
-
#979cbf
#979cbf
rgb(151,156,191)
-
#a4a8c6
#a4a8c6
rgb(164,168,198)
-
#b0b3ce
#b0b3ce
rgb(176,179,206)
-
#bcbfd5
#bcbfd5
rgb(188,191,213)
-
#c8cadd
#c8cadd
rgb(200,202,221)
-
#d4d6e4
#d4d6e4
rgb(212,214,228)
-
#e0e2ec
#e0e2ec
rgb(224,226,236)
-
#ecedf3
#ecedf3
rgb(236,237,243)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #676ea1
A tone is produced by adding gray to any pure hue. In this case, #838485 is the less saturated color, while #122df6 is the most saturated one.
-
#838485
#838485
rgb(131,132,133)
-
#7a7c8e
#7a7c8e
rgb(122,124,142)
-
#707598
#707598
rgb(112,117,152)
-
#676ea1
#676ea1
rgb(103,110,161)
-
#5e67aa
#5e67aa
rgb(94,103,170)
-
#5460b4
#5460b4
rgb(84,96,180)
-
#4b58bd
#4b58bd
rgb(75,88,189)
-
#4151c7
#4151c7
rgb(65,81,199)
-
#384ad0
#384ad0
rgb(56,74,208)
-
#2e43da
#2e43da
rgb(46,67,218)
-
#253ce3
#253ce3
rgb(37,60,227)
-
#1b35ed
#1b35ed
rgb(27,53,237)
-
#122df6
#122df6
rgb(18,45,246)
Color Blindness Simulator
Below, you can see how #676ea1 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.