#677dbe Color Information
In a RGB color space, hex #677dbe is composed of 40.4% red, 49% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 34.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 224.8 degrees, a saturation of 40.1% and a lightness of 57.5%. #677dbe color hex could be obtained by blending #cefaff with #00007d. Closest websafe color is: #6666cc.
-
- R 40
- G 49
- B 75
-
- C 46
- M 34
- Y 0
- K 25
● #677dbe color description : Slightly desaturated blue.
#677dbe Color Conversion
The hexadecimal color #677dbe has RGB values of R:103, G:125, B:190 and CMYK values of C:0.46, M:0.34, Y:0, K:0.25. Its decimal value is 6782398.
Hex triplet | 677dbe | #677dbe |
---|---|---|
RGB Decimal | 103, 125, 190 | rgb(103,125,190) |
RGB Percent | 40.4, 49, 74.5 | rgb(40.4%,49%,74.5%) |
CMYK | 46, 34, 0, 25 | |
HSL | 224.8°, 40.1, 57.5 | hsl(224.8,40.1%,57.5%) |
HSV (or HSB) | 224.8°, 45.8, 74.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.241, 9.559, -36.594 |
---|---|
XYZ | 22.219, 21.268, 51.647 |
xyY | 0.234, 0.224, 21.268 |
CIE-LCH | 53.241, 37.822, 284.639 |
CIE-LUV | 53.241, -12.952, -57.147 |
Hunter-Lab | 46.117, 5.298, -34.118 |
Binary | 01100111, 01111101, 10111110 |
Color Schemes with #677dbe
Alternatives to #677dbe
Below, you can see some colors close to #677dbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677dbe Preview
This text has a font color of #677dbe.
<span style="color:#677dbe;">Text here</span>
This paragraph has a background color of #677dbe.
<p style="background-color:#677dbe;">Content here</p>
This element has a border color of #677dbe.
<div style="border:1px solid #677dbe;">Content here</div>
.text {color:#677dbe;}
.background {background-color:#677dbe;}
.border {border:1px solid #677dbe;}
Shades and Tints of #677dbe
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, #06070d is the darkest color, while #fefeff is the lightest one.
-
#06070d
#06070d
rgb(6,7,13)
-
#0b0f1b
#0b0f1b
rgb(11,15,27)
-
#111728
#111728
rgb(17,23,40)
-
#171f36
#171f36
rgb(23,31,54)
-
#1d2744
#1d2744
rgb(29,39,68)
-
#232f52
#232f52
rgb(35,47,82)
-
#29375f
#29375f
rgb(41,55,95)
-
#2f3e6d
#2f3e6d
rgb(47,62,109)
-
#35467b
#35467b
rgb(53,70,123)
-
#3a4e89
#3a4e89
rgb(58,78,137)
-
#405696
#405696
rgb(64,86,150)
-
#465ea4
#465ea4
rgb(70,94,164)
-
#4c66b2
#4c66b2
rgb(76,102,178)
-
#5971b8
#5971b8
rgb(89,113,184)
-
#677dbe
#677dbe
rgb(103,125,190)
-
#7589c4
#7589c4
rgb(117,137,196)
-
#8295ca
#8295ca
rgb(130,149,202)
-
#90a0d0
#90a0d0
rgb(144,160,208)
-
#9eacd6
#9eacd6
rgb(158,172,214)
-
#acb8db
#acb8db
rgb(172,184,219)
-
#b9c4e1
#b9c4e1
rgb(185,196,225)
-
#c7cfe7
#c7cfe7
rgb(199,207,231)
-
#d5dbed
#d5dbed
rgb(213,219,237)
-
#e3e7f3
#e3e7f3
rgb(227,231,243)
-
#f0f3f9
#f0f3f9
rgb(240,243,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #677dbe
A tone is produced by adding gray to any pure hue. In this case, #919294 is the less saturated color, while #2d60f8 is the most saturated one.
-
#919294
#919294
rgb(145,146,148)
-
#888e9d
#888e9d
rgb(136,142,157)
-
#8089a5
#8089a5
rgb(128,137,165)
-
#7885ad
#7885ad
rgb(120,133,173)
-
#6f81b6
#6f81b6
rgb(111,129,182)
-
#677dbe
#677dbe
rgb(103,125,190)
-
#5f79c6
#5f79c6
rgb(95,121,198)
-
#5675cf
#5675cf
rgb(86,117,207)
-
#4e71d7
#4e71d7
rgb(78,113,215)
-
#466cdf
#466cdf
rgb(70,108,223)
-
#3d68e8
#3d68e8
rgb(61,104,232)
-
#3564f0
#3564f0
rgb(53,100,240)
-
#2d60f8
#2d60f8
rgb(45,96,248)
Color Blindness Simulator
Below, you can see how #677dbe 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.