#677fb1 Color Information
In a RGB color space, hex #677fb1 is composed of 40.4% red, 49.8% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 28.2% magenta, 0% yellow and 30.6% black. It has a hue angle of 220.5 degrees, a saturation of 32.2% and a lightness of 54.9%. #677fb1 color hex could be obtained by blending #cefeff with #000063. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 69
-
- C 42
- M 28
- Y 0
- K 31
● #677fb1 color description : Mostly desaturated dark blue.
#677fb1 Color Conversion
The hexadecimal color #677fb1 has RGB values of R:103, G:127, B:177 and CMYK values of C:0.42, M:0.28, Y:0, K:0.31. Its decimal value is 6782897.
Hex triplet | 677fb1 | #677fb1 |
---|---|---|
RGB Decimal | 103, 127, 177 | rgb(103,127,177) |
RGB Percent | 40.4, 49.8, 69.4 | rgb(40.4%,49.8%,69.4%) |
CMYK | 42, 28, 0, 31 | |
HSL | 220.5°, 32.2, 54.9 | hsl(220.5,32.2%,54.9%) |
HSV (or HSB) | 220.5°, 41.8, 69.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 53.207, 4.527, -29.187 |
---|---|
XYZ | 21.117, 21.236, 44.579 |
xyY | 0.243, 0.244, 21.236 |
CIE-LCH | 53.207, 29.536, 278.816 |
CIE-LUV | 53.207, -13.424, -44.687 |
Hunter-Lab | 46.082, 1.152, -25.098 |
Binary | 01100111, 01111111, 10110001 |
Color Schemes with #677fb1
Alternatives to #677fb1
Below, you can see some colors close to #677fb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677fb1 Preview
This text has a font color of #677fb1.
<span style="color:#677fb1;">Text here</span>
This paragraph has a background color of #677fb1.
<p style="background-color:#677fb1;">Content here</p>
This element has a border color of #677fb1.
<div style="border:1px solid #677fb1;">Content here</div>
.text {color:#677fb1;}
.background {background-color:#677fb1;}
.border {border:1px solid #677fb1;}
Shades and Tints of #677fb1
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, #020204 is the darkest color, while #f6f7fa is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#080b11
#080b11
rgb(8,11,17)
-
#0f141d
#0f141d
rgb(15,20,29)
-
#161c2a
#161c2a
rgb(22,28,42)
-
#1c2537
#1c2537
rgb(28,37,55)
-
#232e44
#232e44
rgb(35,46,68)
-
#2a3751
#2a3751
rgb(42,55,81)
-
#303f5e
#303f5e
rgb(48,63,94)
-
#37486b
#37486b
rgb(55,72,107)
-
#3e5178
#3e5178
rgb(62,81,120)
-
#445985
#445985
rgb(68,89,133)
-
#4b6292
#4b6292
rgb(75,98,146)
-
#526b9f
#526b9f
rgb(82,107,159)
-
#5a74aa
#5a74aa
rgb(90,116,170)
-
#677fb1
#677fb1
rgb(103,127,177)
-
#748ab8
#748ab8
rgb(116,138,184)
-
#8195be
#8195be
rgb(129,149,190)
-
#8ea0c5
#8ea0c5
rgb(142,160,197)
-
#9babcc
#9babcc
rgb(155,171,204)
-
#a8b6d2
#a8b6d2
rgb(168,182,210)
-
#b5c0d9
#b5c0d9
rgb(181,192,217)
-
#c2cbe0
#c2cbe0
rgb(194,203,224)
-
#cfd6e6
#cfd6e6
rgb(207,214,230)
-
#dce1ed
#dce1ed
rgb(220,225,237)
-
#e9ecf4
#e9ecf4
rgb(233,236,244)
-
#f6f7fa
#f6f7fa
rgb(246,247,250)
Tones of #677fb1
A tone is produced by adding gray to any pure hue. In this case, #8a8b8e is the less saturated color, while #2066f8 is the most saturated one.
-
#8a8b8e
#8a8b8e
rgb(138,139,142)
-
#828896
#828896
rgb(130,136,150)
-
#79859f
#79859f
rgb(121,133,159)
-
#7082a8
#7082a8
rgb(112,130,168)
-
#677fb1
#677fb1
rgb(103,127,177)
-
#5e7cba
#5e7cba
rgb(94,124,186)
-
#5579c3
#5579c3
rgb(85,121,195)
-
#4c76cc
#4c76cc
rgb(76,118,204)
-
#4473d4
#4473d4
rgb(68,115,212)
-
#3b6fdd
#3b6fdd
rgb(59,111,221)
-
#326ce6
#326ce6
rgb(50,108,230)
-
#2969ef
#2969ef
rgb(41,105,239)
-
#2066f8
#2066f8
rgb(32,102,248)
Color Blindness Simulator
Below, you can see how #677fb1 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.