#677aed Color Information
In a RGB color space, hex #677aed is composed of 40.4% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 231.5 degrees, a saturation of 78.8% and a lightness of 66.7%. #677aed color hex could be obtained by blending #cef4ff with #0000db. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 93
-
- C 57
- M 49
- Y 0
- K 7
● #677aed color description : Soft blue.
#677aed Color Conversion
The hexadecimal color #677aed has RGB values of R:103, G:122, B:237 and CMYK values of C:0.57, M:0.49, Y:0, K:0.07. Its decimal value is 6781677.
Hex triplet | 677aed | #677aed |
---|---|---|
RGB Decimal | 103, 122, 237 | rgb(103,122,237) |
RGB Percent | 40.4, 47.8, 92.9 | rgb(40.4%,47.8%,92.9%) |
CMYK | 57, 49, 0, 7 | |
HSL | 231.5°, 78.8, 66.7 | hsl(231.5,78.8%,66.7%) |
HSV (or HSB) | 231.5°, 56.5, 92.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.985, 26.07, -60.363 |
---|---|
XYZ | 27.836, 22.916, 83.072 |
xyY | 0.208, 0.171, 22.916 |
CIE-LCH | 54.985, 65.752, 293.359 |
CIE-LUV | 54.985, -13.211, -97.294 |
Hunter-Lab | 47.87, 20.022, -69.38 |
Binary | 01100111, 01111010, 11101101 |
Color Schemes with #677aed
Alternatives to #677aed
Below, you can see some colors close to #677aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677aed Preview
This text has a font color of #677aed.
<span style="color:#677aed;">Text here</span>
This paragraph has a background color of #677aed.
<p style="background-color:#677aed;">Content here</p>
This element has a border color of #677aed.
<div style="border:1px solid #677aed;">Content here</div>
.text {color:#677aed;}
.background {background-color:#677aed;}
.border {border:1px solid #677aed;}
Shades and Tints of #677aed
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, #010106 is the darkest color, while #f3f5fe is the lightest one.
-
#010106
#010106
rgb(1,1,6)
-
#030617
#030617
rgb(3,6,23)
-
#050a29
#050a29
rgb(5,10,41)
-
#070e3a
#070e3a
rgb(7,14,58)
-
#09134c
#09134c
rgb(9,19,76)
-
#0b175e
#0b175e
rgb(11,23,94)
-
#0d1b6f
#0d1b6f
rgb(13,27,111)
-
#0f1f81
#0f1f81
rgb(15,31,129)
-
#112492
#112492
rgb(17,36,146)
-
#1328a4
#1328a4
rgb(19,40,164)
-
#152cb5
#152cb5
rgb(21,44,181)
-
#1830c7
#1830c7
rgb(24,48,199)
-
#1a35d8
#1a35d8
rgb(26,53,216)
-
#213de5
#213de5
rgb(33,61,229)
-
#324ce7
#324ce7
rgb(50,76,231)
-
#445be9
#445be9
rgb(68,91,233)
-
#556beb
#556beb
rgb(85,107,235)
-
#677aed
#677aed
rgb(103,122,237)
-
#7989ef
#7989ef
rgb(121,137,239)
-
#8a99f1
#8a99f1
rgb(138,153,241)
-
#9ca8f3
#9ca8f3
rgb(156,168,243)
-
#adb7f5
#adb7f5
rgb(173,183,245)
-
#bfc7f7
#bfc7f7
rgb(191,199,247)
-
#d0d6f9
#d0d6f9
rgb(208,214,249)
-
#e2e5fc
#e2e5fc
rgb(226,229,252)
-
#f3f5fe
#f3f5fe
rgb(243,245,254)
Tones of #677aed
A tone is produced by adding gray to any pure hue. In this case, #a8a9ac is the less saturated color, while #5a71fa is the most saturated one.
-
#a8a9ac
#a8a9ac
rgb(168,169,172)
-
#a2a4b2
#a2a4b2
rgb(162,164,178)
-
#9b9fb9
#9b9fb9
rgb(155,159,185)
-
#959bbf
#959bbf
rgb(149,155,191)
-
#8e96c6
#8e96c6
rgb(142,150,198)
-
#8891cc
#8891cc
rgb(136,145,204)
-
#818dd3
#818dd3
rgb(129,141,211)
-
#7b88d9
#7b88d9
rgb(123,136,217)
-
#7483e0
#7483e0
rgb(116,131,224)
-
#6e7fe6
#6e7fe6
rgb(110,127,230)
-
#677aed
#677aed
rgb(103,122,237)
-
#6075f4
#6075f4
rgb(96,117,244)
-
#5a71fa
#5a71fa
rgb(90,113,250)
Color Blindness Simulator
Below, you can see how #677aed 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.