#677af6 Color Information
In a RGB color space, hex #677af6 is composed of 40.4% red, 47.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 50.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 232 degrees, a saturation of 88.8% and a lightness of 68.4%. #677af6 color hex could be obtained by blending #cef4ff with #0000ed. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 96
-
- C 58
- M 50
- Y 0
- K 4
● #677af6 color description : Soft blue.
#677af6 Color Conversion
The hexadecimal color #677af6 has RGB values of R:103, G:122, B:246 and CMYK values of C:0.58, M:0.5, Y:0, K:0.04. Its decimal value is 6781686.
Hex triplet | 677af6 | #677af6 |
---|---|---|
RGB Decimal | 103, 122, 246 | rgb(103,122,246) |
RGB Percent | 40.4, 47.8, 96.5 | rgb(40.4%,47.8%,96.5%) |
CMYK | 58, 50, 0, 4 | |
HSL | 232°, 88.8, 68.4 | hsl(232,88.8%,68.4%) |
HSV (or HSB) | 232°, 58.1, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.538, 28.965, -64.476 |
---|---|
XYZ | 29.184, 23.455, 90.173 |
xyY | 0.204, 0.164, 23.455 |
CIE-LCH | 55.538, 70.683, 294.191 |
CIE-LUV | 55.538, -13.477, -104.21 |
Hunter-Lab | 48.43, 22.811, -76.491 |
Binary | 01100111, 01111010, 11110110 |
Color Schemes with #677af6
Alternatives to #677af6
Below, you can see some colors close to #677af6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677af6 Preview
This text has a font color of #677af6.
<span style="color:#677af6;">Text here</span>
This paragraph has a background color of #677af6.
<p style="background-color:#677af6;">Content here</p>
This element has a border color of #677af6.
<div style="border:1px solid #677af6;">Content here</div>
.text {color:#677af6;}
.background {background-color:#677af6;}
.border {border:1px solid #677af6;}
Shades and Tints of #677af6
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)
-
#020621
#020621
rgb(2,6,33)
-
#030a34
#030a34
rgb(3,10,52)
-
#040d46
#040d46
rgb(4,13,70)
-
#051059
#051059
rgb(5,16,89)
-
#06146b
#06146b
rgb(6,20,107)
-
#07177e
#07177e
rgb(7,23,126)
-
#091b90
#091b90
rgb(9,27,144)
-
#0a1ea3
#0a1ea3
rgb(10,30,163)
-
#0b21b5
#0b21b5
rgb(11,33,181)
-
#0c25c8
#0c25c8
rgb(12,37,200)
-
#0d28da
#0d28da
rgb(13,40,218)
-
#0e2ced
#0e2ced
rgb(14,44,237)
-
#1d39f2
#1d39f2
rgb(29,57,242)
-
#2f49f3
#2f49f3
rgb(47,73,243)
-
#425af4
#425af4
rgb(66,90,244)
-
#546af5
#546af5
rgb(84,106,245)
-
#677af6
#677af6
rgb(103,122,246)
-
#7a8af7
#7a8af7
rgb(122,138,247)
-
#8c9af8
#8c9af8
rgb(140,154,248)
-
#9fabf9
#9fabf9
rgb(159,171,249)
-
#b1bbfa
#b1bbfa
rgb(177,187,250)
-
#c4cbfb
#c4cbfb
rgb(196,203,251)
-
#d6dbfd
#d6dbfd
rgb(214,219,253)
-
#e9ebfe
#e9ebfe
rgb(233,235,254)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #677af6
A tone is produced by adding gray to any pure hue. In this case, #abacb2 is the less saturated color, while #6175fc is the most saturated one.
-
#abacb2
#abacb2
rgb(171,172,178)
-
#a5a7b8
#a5a7b8
rgb(165,167,184)
-
#9fa3be
#9fa3be
rgb(159,163,190)
-
#999ec4
#999ec4
rgb(153,158,196)
-
#929acb
#929acb
rgb(146,154,203)
-
#8c95d1
#8c95d1
rgb(140,149,209)
-
#8691d7
#8691d7
rgb(134,145,215)
-
#808cdd
#808cdd
rgb(128,140,221)
-
#7a88e3
#7a88e3
rgb(122,136,227)
-
#7383ea
#7383ea
rgb(115,131,234)
-
#6d7ff0
#6d7ff0
rgb(109,127,240)
-
#677af6
#677af6
rgb(103,122,246)
-
#6175fc
#6175fc
rgb(97,117,252)
Color Blindness Simulator
Below, you can see how #677af6 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.