#677bbe Color Information
In a RGB color space, hex #677bbe is composed of 40.4% red, 48.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 35.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 226.2 degrees, a saturation of 40.1% and a lightness of 57.5%. #677bbe color hex could be obtained by blending #cef6ff with #00007d. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 75
-
- C 46
- M 35
- Y 0
- K 25
● #677bbe color description : Slightly desaturated blue.
#677bbe Color Conversion
The hexadecimal color #677bbe has RGB values of R:103, G:123, B:190 and CMYK values of C:0.46, M:0.35, Y:0, K:0.25. Its decimal value is 6781886.
Hex triplet | 677bbe | #677bbe |
---|---|---|
RGB Decimal | 103, 123, 190 | rgb(103,123,190) |
RGB Percent | 40.4, 48.2, 74.5 | rgb(40.4%,48.2%,74.5%) |
CMYK | 46, 35, 0, 25 | |
HSL | 226.2°, 40.1, 57.5 | hsl(226.2,40.1%,57.5%) |
HSV (or HSB) | 226.2°, 45.8, 74.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.693, 10.76, -37.456 |
---|---|
XYZ | 21.969, 20.766, 51.563 |
xyY | 0.233, 0.22, 20.766 |
CIE-LCH | 52.693, 38.971, 286.028 |
CIE-LUV | 52.693, -12.21, -58.548 |
Hunter-Lab | 45.57, 6.305, -35.188 |
Binary | 01100111, 01111011, 10111110 |
Color Schemes with #677bbe
Alternatives to #677bbe
Below, you can see some colors close to #677bbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677bbe Preview
This text has a font color of #677bbe.
<span style="color:#677bbe;">Text here</span>
This paragraph has a background color of #677bbe.
<p style="background-color:#677bbe;">Content here</p>
This element has a border color of #677bbe.
<div style="border:1px solid #677bbe;">Content here</div>
.text {color:#677bbe;}
.background {background-color:#677bbe;}
.border {border:1px solid #677bbe;}
Shades and Tints of #677bbe
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)
-
#171e36
#171e36
rgb(23,30,54)
-
#1d2644
#1d2644
rgb(29,38,68)
-
#232e52
#232e52
rgb(35,46,82)
-
#29355f
#29355f
rgb(41,53,95)
-
#2f3d6d
#2f3d6d
rgb(47,61,109)
-
#35457b
#35457b
rgb(53,69,123)
-
#3a4c89
#3a4c89
rgb(58,76,137)
-
#405496
#405496
rgb(64,84,150)
-
#465ca4
#465ca4
rgb(70,92,164)
-
#4c63b2
#4c63b2
rgb(76,99,178)
-
#596fb8
#596fb8
rgb(89,111,184)
-
#677bbe
#677bbe
rgb(103,123,190)
-
#7587c4
#7587c4
rgb(117,135,196)
-
#8293ca
#8293ca
rgb(130,147,202)
-
#909fd0
#909fd0
rgb(144,159,208)
-
#9eabd6
#9eabd6
rgb(158,171,214)
-
#acb7db
#acb7db
rgb(172,183,219)
-
#b9c3e1
#b9c3e1
rgb(185,195,225)
-
#c7cfe7
#c7cfe7
rgb(199,207,231)
-
#d5daed
#d5daed
rgb(213,218,237)
-
#e3e6f3
#e3e6f3
rgb(227,230,243)
-
#f0f2f9
#f0f2f9
rgb(240,242,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #677bbe
A tone is produced by adding gray to any pure hue. In this case, #919294 is the less saturated color, while #2d5bf8 is the most saturated one.
-
#919294
#919294
rgb(145,146,148)
-
#888d9d
#888d9d
rgb(136,141,157)
-
#8089a5
#8089a5
rgb(128,137,165)
-
#7884ad
#7884ad
rgb(120,132,173)
-
#6f80b6
#6f80b6
rgb(111,128,182)
-
#677bbe
#677bbe
rgb(103,123,190)
-
#5f76c6
#5f76c6
rgb(95,118,198)
-
#5672cf
#5672cf
rgb(86,114,207)
-
#4e6dd7
#4e6dd7
rgb(78,109,215)
-
#4669df
#4669df
rgb(70,105,223)
-
#3d64e8
#3d64e8
rgb(61,100,232)
-
#3560f0
#3560f0
rgb(53,96,240)
-
#2d5bf8
#2d5bf8
rgb(45,91,248)
Color Blindness Simulator
Below, you can see how #677bbe 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.