#677ef6 Color Information
In a RGB color space, hex #677ef6 is composed of 40.4% red, 49.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 48.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 230.3 degrees, a saturation of 88.8% and a lightness of 68.4%. #677ef6 color hex could be obtained by blending #cefcff with #0000ed. Closest websafe color is: #6666ff.
-
- R 40
- G 49
- B 96
-
- C 58
- M 49
- Y 0
- K 4
● #677ef6 color description : Soft blue.
#677ef6 Color Conversion
The hexadecimal color #677ef6 has RGB values of R:103, G:126, B:246 and CMYK values of C:0.58, M:0.49, Y:0, K:0.04. Its decimal value is 6782710.
Hex triplet | 677ef6 | #677ef6 |
---|---|---|
RGB Decimal | 103, 126, 246 | rgb(103,126,246) |
RGB Percent | 40.4, 49.4, 96.5 | rgb(40.4%,49.4%,96.5%) |
CMYK | 58, 49, 0, 4 | |
HSL | 230.3°, 88.8, 68.4 | hsl(230.3,88.8%,68.4%) |
HSV (or HSB) | 230.3°, 58.1, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.543, 26.553, -62.859 |
---|---|
XYZ | 29.685, 24.458, 90.34 |
xyY | 0.205, 0.169, 24.458 |
CIE-LCH | 56.543, 68.237, 292.9 |
CIE-LUV | 56.543, -14.678, -101.883 |
Hunter-Lab | 49.455, 20.6, -73.688 |
Binary | 01100111, 01111110, 11110110 |
Color Schemes with #677ef6
Alternatives to #677ef6
Below, you can see some colors close to #677ef6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677ef6 Preview
This text has a font color of #677ef6.
<span style="color:#677ef6;">Text here</span>
This paragraph has a background color of #677ef6.
<p style="background-color:#677ef6;">Content here</p>
This element has a border color of #677ef6.
<div style="border:1px solid #677ef6;">Content here</div>
.text {color:#677ef6;}
.background {background-color:#677ef6;}
.border {border:1px solid #677ef6;}
Shades and Tints of #677ef6
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, #01030f is the darkest color, while #fbfcff is the lightest one.
-
#01030f
#01030f
rgb(1,3,15)
-
#020721
#020721
rgb(2,7,33)
-
#030b34
#030b34
rgb(3,11,52)
-
#040f46
#040f46
rgb(4,15,70)
-
#051359
#051359
rgb(5,19,89)
-
#06176b
#06176b
rgb(6,23,107)
-
#071a7e
#071a7e
rgb(7,26,126)
-
#091e90
#091e90
rgb(9,30,144)
-
#0a22a3
#0a22a3
rgb(10,34,163)
-
#0b26b5
#0b26b5
rgb(11,38,181)
-
#0c2ac8
#0c2ac8
rgb(12,42,200)
-
#0d2eda
#0d2eda
rgb(13,46,218)
-
#0e32ed
#0e32ed
rgb(14,50,237)
-
#1d3ff2
#1d3ff2
rgb(29,63,242)
-
#2f4ff3
#2f4ff3
rgb(47,79,243)
-
#425ff4
#425ff4
rgb(66,95,244)
-
#546ef5
#546ef5
rgb(84,110,245)
-
#677ef6
#677ef6
rgb(103,126,246)
-
#7a8ef7
#7a8ef7
rgb(122,142,247)
-
#8c9df8
#8c9df8
rgb(140,157,248)
-
#9fadf9
#9fadf9
rgb(159,173,249)
-
#b1bdfa
#b1bdfa
rgb(177,189,250)
-
#c4cdfb
#c4cdfb
rgb(196,205,251)
-
#d6dcfd
#d6dcfd
rgb(214,220,253)
-
#e9ecfe
#e9ecfe
rgb(233,236,254)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #677ef6
A tone is produced by adding gray to any pure hue. In this case, #abacb2 is the less saturated color, while #617afc is the most saturated one.
-
#abacb2
#abacb2
rgb(171,172,178)
-
#a5a8b8
#a5a8b8
rgb(165,168,184)
-
#9fa4be
#9fa4be
rgb(159,164,190)
-
#99a0c4
#99a0c4
rgb(153,160,196)
-
#929bcb
#929bcb
rgb(146,155,203)
-
#8c97d1
#8c97d1
rgb(140,151,209)
-
#8693d7
#8693d7
rgb(134,147,215)
-
#808fdd
#808fdd
rgb(128,143,221)
-
#7a8be3
#7a8be3
rgb(122,139,227)
-
#7386ea
#7386ea
rgb(115,134,234)
-
#6d82f0
#6d82f0
rgb(109,130,240)
-
#677ef6
#677ef6
rgb(103,126,246)
-
#617afc
#617afc
rgb(97,122,252)
Color Blindness Simulator
Below, you can see how #677ef6 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.