#677afe Color Information
In a RGB color space, hex #677afe is composed of 40.4% red, 47.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 52% magenta, 0% yellow and 0.4% black. It has a hue angle of 232.5 degrees, a saturation of 98.7% and a lightness of 70%. #677afe color hex could be obtained by blending #cef4ff with #0000fd. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 100
-
- C 59
- M 52
- Y 0
- K 0
● #677afe color description : Soft blue.
#677afe Color Conversion
The hexadecimal color #677afe has RGB values of R:103, G:122, B:254 and CMYK values of C:0.59, M:0.52, Y:0, K:0. Its decimal value is 6781694.
Hex triplet | 677afe | #677afe |
---|---|---|
RGB Decimal | 103, 122, 254 | rgb(103,122,254) |
RGB Percent | 40.4, 47.8, 99.6 | rgb(40.4%,47.8%,99.6%) |
CMYK | 59, 52, 0, 0 | |
HSL | 232.5°, 98.7, 70 | hsl(232.5,98.7%,70%) |
HSV (or HSB) | 232.5°, 59.4, 99.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.045, 31.547, -68.082 |
---|---|
XYZ | 30.439, 23.957, 96.781 |
xyY | 0.201, 0.158, 23.957 |
CIE-LCH | 56.045, 75.036, 294.861 |
CIE-LUV | 56.045, -13.714, -110.25 |
Hunter-Lab | 48.946, 25.352, -82.972 |
Binary | 01100111, 01111010, 11111110 |
Color Schemes with #677afe
Alternatives to #677afe
Below, you can see some colors close to #677afe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677afe Preview
This text has a font color of #677afe.
<span style="color:#677afe;">Text here</span>
This paragraph has a background color of #677afe.
<p style="background-color:#677afe;">Content here</p>
This element has a border color of #677afe.
<div style="border:1px solid #677afe;">Content here</div>
.text {color:#677afe;}
.background {background-color:#677afe;}
.border {border:1px solid #677afe;}
Shades and Tints of #677afe
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, #000104 is the darkest color, while #eff1ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000317
#000317
rgb(0,3,23)
-
#00062b
#00062b
rgb(0,6,43)
-
#00083e
#00083e
rgb(0,8,62)
-
#010b52
#010b52
rgb(1,11,82)
-
#010d65
#010d65
rgb(1,13,101)
-
#011079
#011079
rgb(1,16,121)
-
#01128c
#01128c
rgb(1,18,140)
-
#0115a0
#0115a0
rgb(1,21,160)
-
#0118b3
#0118b3
rgb(1,24,179)
-
#011ac7
#011ac7
rgb(1,26,199)
-
#011dda
#011dda
rgb(1,29,218)
-
#021fee
#021fee
rgb(2,31,238)
-
#0625fd
#0625fd
rgb(6,37,253)
-
#1936fd
#1936fd
rgb(25,54,253)
-
#2d47fe
#2d47fe
rgb(45,71,254)
-
#4058fe
#4058fe
rgb(64,88,254)
-
#5469fe
#5469fe
rgb(84,105,254)
-
#677afe
#677afe
rgb(103,122,254)
-
#7a8bfe
#7a8bfe
rgb(122,139,254)
-
#8e9cfe
#8e9cfe
rgb(142,156,254)
-
#a1adfe
#a1adfe
rgb(161,173,254)
-
#b5beff
#b5beff
rgb(181,190,255)
-
#c8cfff
#c8cfff
rgb(200,207,255)
-
#dce0ff
#dce0ff
rgb(220,224,255)
-
#eff1ff
#eff1ff
rgb(239,241,255)
Tones of #677afe
A tone is produced by adding gray to any pure hue. In this case, #aeafb7 is the less saturated color, while #677afe is the most saturated one.
-
#aeafb7
#aeafb7
rgb(174,175,183)
-
#a8aabd
#a8aabd
rgb(168,170,189)
-
#a2a6c3
#a2a6c3
rgb(162,166,195)
-
#9ca2c9
#9ca2c9
rgb(156,162,201)
-
#969dcf
#969dcf
rgb(150,157,207)
-
#9099d5
#9099d5
rgb(144,153,213)
-
#8a94db
#8a94db
rgb(138,148,219)
-
#8490e1
#8490e1
rgb(132,144,225)
-
#7f8ce6
#7f8ce6
rgb(127,140,230)
-
#7987ec
#7987ec
rgb(121,135,236)
-
#7383f2
#7383f2
rgb(115,131,242)
-
#6d7ef8
#6d7ef8
rgb(109,126,248)
-
#677afe
#677afe
rgb(103,122,254)
Color Blindness Simulator
Below, you can see how #677afe 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.