#677fb3 Color Information
In a RGB color space, hex #677fb3 is composed of 40.4% red, 49.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 29.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 221.1 degrees, a saturation of 33.3% and a lightness of 55.3%. #677fb3 color hex could be obtained by blending #cefeff with #000067. Closest websafe color is: #6666cc.
-
- R 40
- G 50
- B 70
-
- C 42
- M 29
- Y 0
- K 30
● #677fb3 color description : Slightly desaturated blue.
#677fb3 Color Conversion
The hexadecimal color #677fb3 has RGB values of R:103, G:127, B:179 and CMYK values of C:0.42, M:0.29, Y:0, K:0.3. Its decimal value is 6782899.
Hex triplet | 677fb3 | #677fb3 |
---|---|---|
RGB Decimal | 103, 127, 179 | rgb(103,127,179) |
RGB Percent | 40.4, 49.8, 70.2 | rgb(40.4%,49.8%,70.2%) |
CMYK | 42, 29, 0, 30 | |
HSL | 221.1°, 33.3, 55.3 | hsl(221.1,33.3%,55.3%) |
HSV (or HSB) | 221.1°, 42.5, 70.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.294, 5.108, -30.202 |
---|---|
XYZ | 21.318, 21.316, 45.637 |
xyY | 0.242, 0.241, 21.316 |
CIE-LCH | 53.294, 30.631, 279.6 |
CIE-LUV | 53.294, -13.466, -46.391 |
Hunter-Lab | 46.169, 1.622, -26.287 |
Binary | 01100111, 01111111, 10110011 |
Color Schemes with #677fb3
Alternatives to #677fb3
Below, you can see some colors close to #677fb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677fb3 Preview
This text has a font color of #677fb3.
<span style="color:#677fb3;">Text here</span>
This paragraph has a background color of #677fb3.
<p style="background-color:#677fb3;">Content here</p>
This element has a border color of #677fb3.
<div style="border:1px solid #677fb3;">Content here</div>
.text {color:#677fb3;}
.background {background-color:#677fb3;}
.border {border:1px solid #677fb3;}
Shades and Tints of #677fb3
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, #020305 is the darkest color, while #f7f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#090c12
#090c12
rgb(9,12,18)
-
#10141f
#10141f
rgb(16,20,31)
-
#161d2c
#161d2c
rgb(22,29,44)
-
#1d2639
#1d2639
rgb(29,38,57)
-
#232e46
#232e46
rgb(35,46,70)
-
#2a3753
#2a3753
rgb(42,55,83)
-
#303f60
#303f60
rgb(48,63,96)
-
#37486e
#37486e
rgb(55,72,110)
-
#3d517b
#3d517b
rgb(61,81,123)
-
#445988
#445988
rgb(68,89,136)
-
#4a6295
#4a6295
rgb(74,98,149)
-
#516aa2
#516aa2
rgb(81,106,162)
-
#5a74ac
#5a74ac
rgb(90,116,172)
-
#677fb3
#677fb3
rgb(103,127,179)
-
#748aba
#748aba
rgb(116,138,186)
-
#8195c0
#8195c0
rgb(129,149,192)
-
#8ea0c7
#8ea0c7
rgb(142,160,199)
-
#9babcd
#9babcd
rgb(155,171,205)
-
#a8b6d4
#a8b6d4
rgb(168,182,212)
-
#b5c1da
#b5c1da
rgb(181,193,218)
-
#c3cce1
#c3cce1
rgb(195,204,225)
-
#d0d7e7
#d0d7e7
rgb(208,215,231)
-
#dde2ee
#dde2ee
rgb(221,226,238)
-
#eaedf4
#eaedf4
rgb(234,237,244)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #677fb3
A tone is produced by adding gray to any pure hue. In this case, #8a8c90 is the less saturated color, while #2165f9 is the most saturated one.
-
#8a8c90
#8a8c90
rgb(138,140,144)
-
#818999
#818999
rgb(129,137,153)
-
#7985a1
#7985a1
rgb(121,133,161)
-
#7082aa
#7082aa
rgb(112,130,170)
-
#677fb3
#677fb3
rgb(103,127,179)
-
#5e7cbc
#5e7cbc
rgb(94,124,188)
-
#5579c5
#5579c5
rgb(85,121,197)
-
#4d75cd
#4d75cd
rgb(77,117,205)
-
#4472d6
#4472d6
rgb(68,114,214)
-
#3b6fdf
#3b6fdf
rgb(59,111,223)
-
#326ce8
#326ce8
rgb(50,108,232)
-
#2a68f0
#2a68f0
rgb(42,104,240)
-
#2165f9
#2165f9
rgb(33,101,249)
Color Blindness Simulator
Below, you can see how #677fb3 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.