#677fbd Color Information
In a RGB color space, hex #677fbd is composed of 40.4% red, 49.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 32.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 223.3 degrees, a saturation of 39.4% and a lightness of 57.3%. #677fbd color hex could be obtained by blending #cefeff with #00007b. Closest websafe color is: #6666cc.
-
- R 40
- G 50
- B 74
-
- C 46
- M 33
- Y 0
- K 26
● #677fbd color description : Slightly desaturated blue.
#677fbd Color Conversion
The hexadecimal color #677fbd has RGB values of R:103, G:127, B:189 and CMYK values of C:0.46, M:0.33, Y:0, K:0.26. Its decimal value is 6782909.
Hex triplet | 677fbd | #677fbd |
---|---|---|
RGB Decimal | 103, 127, 189 | rgb(103,127,189) |
RGB Percent | 40.4, 49.8, 74.1 | rgb(40.4%,49.8%,74.1%) |
CMYK | 46, 33, 0, 26 | |
HSL | 223.3°, 39.4, 57.3 | hsl(223.3,39.4%,57.3%) |
HSV (or HSB) | 223.3°, 45.5, 74.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.745, 8.063, -35.232 |
---|---|
XYZ | 22.366, 21.736, 51.158 |
xyY | 0.235, 0.228, 21.736 |
CIE-LCH | 53.745, 36.143, 282.89 |
CIE-LUV | 53.745, -13.679, -54.887 |
Hunter-Lab | 46.621, 4.046, -32.425 |
Binary | 01100111, 01111111, 10111101 |
Color Schemes with #677fbd
Alternatives to #677fbd
Below, you can see some colors close to #677fbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677fbd Preview
This text has a font color of #677fbd.
<span style="color:#677fbd;">Text here</span>
This paragraph has a background color of #677fbd.
<p style="background-color:#677fbd;">Content here</p>
This element has a border color of #677fbd.
<div style="border:1px solid #677fbd;">Content here</div>
.text {color:#677fbd;}
.background {background-color:#677fbd;}
.border {border:1px solid #677fbd;}
Shades and Tints of #677fbd
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, #05070c is the darkest color, while #fdfefe is the lightest one.
-
#05070c
#05070c
rgb(5,7,12)
-
#0b0f1a
#0b0f1a
rgb(11,15,26)
-
#111727
#111727
rgb(17,23,39)
-
#171f35
#171f35
rgb(23,31,53)
-
#1d2843
#1d2843
rgb(29,40,67)
-
#233051
#233051
rgb(35,48,81)
-
#29385e
#29385e
rgb(41,56,94)
-
#2f406c
#2f406c
rgb(47,64,108)
-
#35487a
#35487a
rgb(53,72,122)
-
#3b5087
#3b5087
rgb(59,80,135)
-
#415895
#415895
rgb(65,88,149)
-
#4760a3
#4760a3
rgb(71,96,163)
-
#4d68b0
#4d68b0
rgb(77,104,176)
-
#5973b7
#5973b7
rgb(89,115,183)
-
#677fbd
#677fbd
rgb(103,127,189)
-
#758bc3
#758bc3
rgb(117,139,195)
-
#8296c9
#8296c9
rgb(130,150,201)
-
#90a2cf
#90a2cf
rgb(144,162,207)
-
#9eadd5
#9eadd5
rgb(158,173,213)
-
#abb9db
#abb9db
rgb(171,185,219)
-
#b9c4e1
#b9c4e1
rgb(185,196,225)
-
#c7d0e7
#c7d0e7
rgb(199,208,231)
-
#d4dbed
#d4dbed
rgb(212,219,237)
-
#e2e7f2
#e2e7f2
rgb(226,231,242)
-
#f0f2f8
#f0f2f8
rgb(240,242,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #677fbd
A tone is produced by adding gray to any pure hue. In this case, #919293 is the less saturated color, while #2c65f8 is the most saturated one.
-
#919293
#919293
rgb(145,146,147)
-
#898e9b
#898e9b
rgb(137,142,155)
-
#808aa4
#808aa4
rgb(128,138,164)
-
#7886ac
#7886ac
rgb(120,134,172)
-
#6f83b5
#6f83b5
rgb(111,131,181)
-
#677fbd
#677fbd
rgb(103,127,189)
-
#5f7bc5
#5f7bc5
rgb(95,123,197)
-
#5678ce
#5678ce
rgb(86,120,206)
-
#4e74d6
#4e74d6
rgb(78,116,214)
-
#4570df
#4570df
rgb(69,112,223)
-
#3d6ce7
#3d6ce7
rgb(61,108,231)
-
#3569ef
#3569ef
rgb(53,105,239)
-
#2c65f8
#2c65f8
rgb(44,101,248)
Color Blindness Simulator
Below, you can see how #677fbd 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.