#677fb4 Color Information
In a RGB color space, hex #677fb4 is composed of 40.4% red, 49.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.8% cyan, 29.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 221.3 degrees, a saturation of 33.9% and a lightness of 55.5%. #677fb4 color hex could be obtained by blending #cefeff with #000069. Closest websafe color is: #6666cc.
-
- R 40
- G 50
- B 71
-
- C 43
- M 29
- Y 0
- K 29
● #677fb4 color description : Slightly desaturated blue.
#677fb4 Color Conversion
The hexadecimal color #677fb4 has RGB values of R:103, G:127, B:180 and CMYK values of C:0.43, M:0.29, Y:0, K:0.29. Its decimal value is 6782900.
Hex triplet | 677fb4 | #677fb4 |
---|---|---|
RGB Decimal | 103, 127, 180 | rgb(103,127,180) |
RGB Percent | 40.4, 49.8, 70.6 | rgb(40.4%,49.8%,70.6%) |
CMYK | 43, 29, 0, 29 | |
HSL | 221.3°, 33.9, 55.5 | hsl(221.3,33.9%,55.5%) |
HSV (or HSB) | 221.3°, 42.8, 70.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.338, 5.4, -30.709 |
---|---|
XYZ | 21.419, 21.357, 46.171 |
xyY | 0.241, 0.24, 21.357 |
CIE-LCH | 53.338, 31.18, 279.974 |
CIE-LUV | 53.338, -13.487, -47.243 |
Hunter-Lab | 46.213, 1.859, -26.886 |
Binary | 01100111, 01111111, 10110100 |
Color Schemes with #677fb4
Alternatives to #677fb4
Below, you can see some colors close to #677fb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677fb4 Preview
This text has a font color of #677fb4.
<span style="color:#677fb4;">Text here</span>
This paragraph has a background color of #677fb4.
<p style="background-color:#677fb4;">Content here</p>
This element has a border color of #677fb4.
<div style="border:1px solid #677fb4;">Content here</div>
.text {color:#677fb4;}
.background {background-color:#677fb4;}
.border {border:1px solid #677fb4;}
Shades and Tints of #677fb4
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, #030406 is the darkest color, while #f7f9fb is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090c13
#090c13
rgb(9,12,19)
-
#101520
#101520
rgb(16,21,32)
-
#161d2d
#161d2d
rgb(22,29,45)
-
#1d263a
#1d263a
rgb(29,38,58)
-
#232e47
#232e47
rgb(35,46,71)
-
#2a3754
#2a3754
rgb(42,55,84)
-
#304062
#304062
rgb(48,64,98)
-
#37486f
#37486f
rgb(55,72,111)
-
#3d517c
#3d517c
rgb(61,81,124)
-
#445989
#445989
rgb(68,89,137)
-
#4a6296
#4a6296
rgb(74,98,150)
-
#516aa3
#516aa3
rgb(81,106,163)
-
#5a74ae
#5a74ae
rgb(90,116,174)
-
#677fb4
#677fb4
rgb(103,127,180)
-
#748aba
#748aba
rgb(116,138,186)
-
#8195c1
#8195c1
rgb(129,149,193)
-
#8ea0c7
#8ea0c7
rgb(142,160,199)
-
#9cabce
#9cabce
rgb(156,171,206)
-
#a9b6d4
#a9b6d4
rgb(169,182,212)
-
#b6c1db
#b6c1db
rgb(182,193,219)
-
#c3cce1
#c3cce1
rgb(195,204,225)
-
#d0d7e8
#d0d7e8
rgb(208,215,232)
-
#dde3ee
#dde3ee
rgb(221,227,238)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #677fb4
A tone is produced by adding gray to any pure hue. In this case, #8a8c91 is the less saturated color, while #2165fa is the most saturated one.
-
#8a8c91
#8a8c91
rgb(138,140,145)
-
#81899a
#81899a
rgb(129,137,154)
-
#7886a3
#7886a3
rgb(120,134,163)
-
#7082ab
#7082ab
rgb(112,130,171)
-
#677fb4
#677fb4
rgb(103,127,180)
-
#5e7cbd
#5e7cbd
rgb(94,124,189)
-
#5678c5
#5678c5
rgb(86,120,197)
-
#4d75ce
#4d75ce
rgb(77,117,206)
-
#4472d7
#4472d7
rgb(68,114,215)
-
#3b6fe0
#3b6fe0
rgb(59,111,224)
-
#336be8
#336be8
rgb(51,107,232)
-
#2a68f1
#2a68f1
rgb(42,104,241)
-
#2165fa
#2165fa
rgb(33,101,250)
Color Blindness Simulator
Below, you can see how #677fb4 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.