#677faa color information
In a RGB color space, hex #677faa is composed of 40.4% red, 49.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 25.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.5 degrees, a saturation of 28.3% and a lightness of 53.5%. #677faa color hex could be obtained by blending #cefeff with #000055. Closest websafe color is: #666699.
#677faa color conversion
The hexadecimal color #677faa has RGB values of R:103, G:127, B:170 and CMYK values of C:0.39, M:0.25, Y:0, K:0.33. Its decimal value is 6782890.
- Hex triplet 677faa
#677faa - RGB Decimal 103, 127, 170
rgb(103,127,170) - RGB Percent 40.4, 49.8, 66.7
rgb(40.4%,49.8%,66.7%) - CMYK 39, 25, 0, 33
- HSL 218.5°, 28.3, 53.5
hsl(219,28%,54%) - HSV (or HSB) 218.5°, 39.4, 66.7
- Web Safe 666699
#666699
- CIE-LAB 52.91, 2.52, -25.61
- XYZ 20.437, 20.964, 40.998
- xyY 0.248, 0.254, 20.964
- CIE-LCH 52.91, 25.734, 275.62
- CIE-LUV 52.91, -13.28, -38.712
- Hunter-Lab 45.786, -0.451, -21.039
- Binary 01100111, 01111111, 10101010
Color Schemes with #677faa
#677faa in action
This text has a font color of #677faa.
<span style="color:#677faa;">Text here</span>
This paragraph has a background color of #677faa.
<p style="background-color:#677faa;">Content here</p>
This element has a border color of #677faa.
<div style="border:1px solid #677faa;">Content here</div>
.text {color:#677faa;}
.background {background-color:#677faa;}
.border {border:1px solid #677faa;}
Shades of #677faa
- #0d1118 #0d1118
rgb(13,17,24) - #1c2331 #1c2331
rgb(28,35,49) - #2a354a #2a354a
rgb(42,53,74) - #384764 #384764
rgb(56,71,100) - #46597d #46597d
rgb(70,89,125) - #546c96 #546c96
rgb(84,108,150) - #677faa #677faa
rgb(103,127,170) - #8094b8 #8094b8
rgb(128,148,184) - #99a9c6 #99a9c6
rgb(153,169,198) - #b2bfd4 #b2bfd4
rgb(178,191,212) - #ccd4e2 #ccd4e2
rgb(204,212,226) - #e5e9f0 #e5e9f0
rgb(229,233,240) - #fefefe #fefefe
rgb(254,254,254)
Color Blindness Simulator
Below, you can see how #677faa 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.
