#677fec Color Information
In a RGB color space, hex #677fec is composed of 40.4% red, 49.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 46.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.2 degrees, a saturation of 77.8% and a lightness of 66.5%. #677fec color hex could be obtained by blending #cefeff with #0000d9. Closest websafe color is: #6666ff.
-
- R 40
- G 50
- B 93
-
- C 56
- M 46
- Y 0
- K 7
● #677fec color description : Soft blue.
#677fec Color Conversion
The hexadecimal color #677fec has RGB values of R:103, G:127, B:236 and CMYK values of C:0.56, M:0.46, Y:0, K:0.07. Its decimal value is 6782956.
Hex triplet | 677fec | #677fec |
---|---|---|
RGB Decimal | 103, 127, 236 | rgb(103,127,236) |
RGB Percent | 40.4, 49.8, 92.5 | rgb(40.4%,49.8%,92.5%) |
CMYK | 56, 46, 0, 7 | |
HSL | 229.2°, 77.8, 66.5 | hsl(229.2,77.8%,66.5%) |
HSV (or HSB) | 229.2°, 56.4, 92.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.205, 22.728, -57.851 |
---|---|
XYZ | 28.32, 24.117, 82.515 |
xyY | 0.21, 0.179, 24.117 |
CIE-LCH | 56.205, 62.156, 291.448 |
CIE-LUV | 56.205, -14.744, -93.47 |
Hunter-Lab | 49.109, 16.996, -65.245 |
Binary | 01100111, 01111111, 11101100 |
Color Schemes with #677fec
Alternatives to #677fec
Below, you can see some colors close to #677fec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677fec Preview
This text has a font color of #677fec.
<span style="color:#677fec;">Text here</span>
This paragraph has a background color of #677fec.
<p style="background-color:#677fec;">Content here</p>
This element has a border color of #677fec.
<div style="border:1px solid #677fec;">Content here</div>
.text {color:#677fec;}
.background {background-color:#677fec;}
.border {border:1px solid #677fec;}
Shades and Tints of #677fec
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, #010105 is the darkest color, while #f2f4fd is the lightest one.
-
#010105
#010105
rgb(1,1,5)
-
#030616
#030616
rgb(3,6,22)
-
#050b28
#050b28
rgb(5,11,40)
-
#071039
#071039
rgb(7,16,57)
-
#09154b
#09154b
rgb(9,21,75)
-
#0c1a5c
#0c1a5c
rgb(12,26,92)
-
#0e1f6e
#0e1f6e
rgb(14,31,110)
-
#10247f
#10247f
rgb(16,36,127)
-
#122990
#122990
rgb(18,41,144)
-
#142ea2
#142ea2
rgb(20,46,162)
-
#1633b3
#1633b3
rgb(22,51,179)
-
#1938c5
#1938c5
rgb(25,56,197)
-
#1b3dd6
#1b3dd6
rgb(27,61,214)
-
#2144e3
#2144e3
rgb(33,68,227)
-
#3353e5
#3353e5
rgb(51,83,229)
-
#4462e8
#4462e8
rgb(68,98,232)
-
#5670ea
#5670ea
rgb(86,112,234)
-
#677fec
#677fec
rgb(103,127,236)
-
#788eee
#788eee
rgb(120,142,238)
-
#8a9cf0
#8a9cf0
rgb(138,156,240)
-
#9babf3
#9babf3
rgb(155,171,243)
-
#adbaf5
#adbaf5
rgb(173,186,245)
-
#bec8f7
#bec8f7
rgb(190,200,247)
-
#d0d7f9
#d0d7f9
rgb(208,215,249)
-
#e1e6fb
#e1e6fb
rgb(225,230,251)
-
#f2f4fd
#f2f4fd
rgb(242,244,253)
Tones of #677fec
A tone is produced by adding gray to any pure hue. In this case, #a9a9aa is the less saturated color, while #5a77f9 is the most saturated one.
-
#a9a9aa
#a9a9aa
rgb(169,169,170)
-
#a2a5b1
#a2a5b1
rgb(162,165,177)
-
#9ca1b7
#9ca1b7
rgb(156,161,183)
-
#959cbe
#959cbe
rgb(149,156,190)
-
#8e98c5
#8e98c5
rgb(142,152,197)
-
#8894cb
#8894cb
rgb(136,148,203)
-
#8190d2
#8190d2
rgb(129,144,210)
-
#7b8cd8
#7b8cd8
rgb(123,140,216)
-
#7487df
#7487df
rgb(116,135,223)
-
#6e83e5
#6e83e5
rgb(110,131,229)
-
#677fec
#677fec
rgb(103,127,236)
-
#607bf3
#607bf3
rgb(96,123,243)
-
#5a77f9
#5a77f9
rgb(90,119,249)
Color Blindness Simulator
Below, you can see how #677fec 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.