#676aee Color Information
In a RGB color space, hex #676aee is composed of 40.4% red, 41.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 55.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 238.7 degrees, a saturation of 79.9% and a lightness of 66.9%. #676aee color hex could be obtained by blending #ced4ff with #0000dd. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 93
-
- C 57
- M 55
- Y 0
- K 7
● #676aee color description : Soft blue.
#676aee Color Conversion
The hexadecimal color #676aee has RGB values of R:103, G:106, B:238 and CMYK values of C:0.57, M:0.55, Y:0, K:0.07. Its decimal value is 6777582.
Hex triplet | 676aee | #676aee |
---|---|---|
RGB Decimal | 103, 106, 238 | rgb(103,106,238) |
RGB Percent | 40.4, 41.6, 93.3 | rgb(40.4%,41.6%,93.3%) |
CMYK | 57, 55, 0, 7 | |
HSL | 238.7°, 79.9, 66.9 | hsl(238.7,79.9%,66.9%) |
HSV (or HSB) | 238.7°, 56.7, 93.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.11, 36.043, -67.17 |
---|---|
XYZ | 26.177, 19.364, 83.242 |
xyY | 0.203, 0.15, 19.364 |
CIE-LCH | 51.11, 76.229, 298.218 |
CIE-LUV | 51.11, -8.611, -106.727 |
Hunter-Lab | 44.004, 29.179, -81.356 |
Binary | 01100111, 01101010, 11101110 |
Color Schemes with #676aee
Alternatives to #676aee
Below, you can see some colors close to #676aee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676aee Preview
This text has a font color of #676aee.
<span style="color:#676aee;">Text here</span>
This paragraph has a background color of #676aee.
<p style="background-color:#676aee;">Content here</p>
This element has a border color of #676aee.
<div style="border:1px solid #676aee;">Content here</div>
.text {color:#676aee;}
.background {background-color:#676aee;}
.border {border:1px solid #676aee;}
Shades and Tints of #676aee
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, #010107 is the darkest color, while #f4f4fe is the lightest one.
-
#010107
#010107
rgb(1,1,7)
-
#030318
#030318
rgb(3,3,24)
-
#05062a
#05062a
rgb(5,6,42)
-
#07083c
#07083c
rgb(7,8,60)
-
#090a4d
#090a4d
rgb(9,10,77)
-
#0b0c5f
#0b0c5f
rgb(11,12,95)
-
#0d0f71
#0d0f71
rgb(13,15,113)
-
#0f1182
#0f1182
rgb(15,17,130)
-
#111394
#111394
rgb(17,19,148)
-
#1316a6
#1316a6
rgb(19,22,166)
-
#1418b7
#1418b7
rgb(20,24,183)
-
#161ac9
#161ac9
rgb(22,26,201)
-
#181dda
#181dda
rgb(24,29,218)
-
#2025e6
#2025e6
rgb(32,37,230)
-
#3236e8
#3236e8
rgb(50,54,232)
-
#4447ea
#4447ea
rgb(68,71,234)
-
#5559ec
#5559ec
rgb(85,89,236)
-
#676aee
#676aee
rgb(103,106,238)
-
#797bf0
#797bf0
rgb(121,123,240)
-
#8a8df2
#8a8df2
rgb(138,141,242)
-
#9c9ef4
#9c9ef4
rgb(156,158,244)
-
#aeaff6
#aeaff6
rgb(174,175,246)
-
#bfc0f8
#bfc0f8
rgb(191,192,248)
-
#d1d2fa
#d1d2fa
rgb(209,210,250)
-
#e2e3fc
#e2e3fc
rgb(226,227,252)
-
#f4f4fe
#f4f4fe
rgb(244,244,254)
Tones of #676aee
A tone is produced by adding gray to any pure hue. In this case, #a8a8ad is the less saturated color, while #5a5efb is the most saturated one.
-
#a8a8ad
#a8a8ad
rgb(168,168,173)
-
#a2a2b4
#a2a2b4
rgb(162,162,180)
-
#9b9cba
#9b9cba
rgb(155,156,186)
-
#9595c1
#9595c1
rgb(149,149,193)
-
#8e8fc7
#8e8fc7
rgb(142,143,199)
-
#8889ce
#8889ce
rgb(136,137,206)
-
#8183d4
#8183d4
rgb(129,131,212)
-
#7b7ddb
#7b7ddb
rgb(123,125,219)
-
#7476e1
#7476e1
rgb(116,118,225)
-
#6e70e8
#6e70e8
rgb(110,112,232)
-
#676aee
#676aee
rgb(103,106,238)
-
#6164f5
#6164f5
rgb(97,100,245)
-
#5a5efb
#5a5efb
rgb(90,94,251)
Color Blindness Simulator
Below, you can see how #676aee 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.