#676bf1 Color Information
In a RGB color space, hex #676bf1 is composed of 40.4% red, 42% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 55.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 238.3 degrees, a saturation of 83.1% and a lightness of 67.5%. #676bf1 color hex could be obtained by blending #ced6ff with #0000e3. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 95
-
- C 57
- M 56
- Y 0
- K 5
● #676bf1 color description : Soft blue.
#676bf1 Color Conversion
The hexadecimal color #676bf1 has RGB values of R:103, G:107, B:241 and CMYK values of C:0.57, M:0.56, Y:0, K:0.05. Its decimal value is 6777841.
Hex triplet | 676bf1 | #676bf1 |
---|---|---|
RGB Decimal | 103, 107, 241 | rgb(103,107,241) |
RGB Percent | 40.4, 42, 94.5 | rgb(40.4%,42%,94.5%) |
CMYK | 57, 56, 0, 5 | |
HSL | 238.3°, 83.1, 67.5 | hsl(238.3,83.1%,67.5%) |
HSV (or HSB) | 238.3°, 57.3, 94.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.552, 36.393, -68.131 |
---|---|
XYZ | 26.725, 19.749, 85.618 |
xyY | 0.202, 0.15, 19.749 |
CIE-LCH | 51.552, 77.242, 298.11 |
CIE-LUV | 51.552, -9.025, -108.428 |
Hunter-Lab | 44.44, 29.578, -83.121 |
Binary | 01100111, 01101011, 11110001 |
Color Schemes with #676bf1
Alternatives to #676bf1
Below, you can see some colors close to #676bf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bf1 Preview
This text has a font color of #676bf1.
<span style="color:#676bf1;">Text here</span>
This paragraph has a background color of #676bf1.
<p style="background-color:#676bf1;">Content here</p>
This element has a border color of #676bf1.
<div style="border:1px solid #676bf1;">Content here</div>
.text {color:#676bf1;}
.background {background-color:#676bf1;}
.border {border:1px solid #676bf1;}
Shades and Tints of #676bf1
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, #01010a is the darkest color, while #f7f7fe is the lightest one.
-
#01010a
#01010a
rgb(1,1,10)
-
#03031c
#03031c
rgb(3,3,28)
-
#04052e
#04052e
rgb(4,5,46)
-
#060840
#060840
rgb(6,8,64)
-
#080a51
#080a51
rgb(8,10,81)
-
#090c63
#090c63
rgb(9,12,99)
-
#0b0e75
#0b0e75
rgb(11,14,117)
-
#0c1087
#0c1087
rgb(12,16,135)
-
#0e1299
#0e1299
rgb(14,18,153)
-
#1014ab
#1014ab
rgb(16,20,171)
-
#1116bd
#1116bd
rgb(17,22,189)
-
#1319cf
#1319cf
rgb(19,25,207)
-
#151be1
#151be1
rgb(21,27,225)
-
#1f25ea
#1f25ea
rgb(31,37,234)
-
#3137ec
#3137ec
rgb(49,55,236)
-
#4348ee
#4348ee
rgb(67,72,238)
-
#555aef
#555aef
rgb(85,90,239)
-
#676bf1
#676bf1
rgb(103,107,241)
-
#797cf3
#797cf3
rgb(121,124,243)
-
#8b8ef4
#8b8ef4
rgb(139,142,244)
-
#9d9ff6
#9d9ff6
rgb(157,159,246)
-
#afb1f8
#afb1f8
rgb(175,177,248)
-
#c1c2f9
#c1c2f9
rgb(193,194,249)
-
#d3d4fb
#d3d4fb
rgb(211,212,251)
-
#e5e5fd
#e5e5fd
rgb(229,229,253)
-
#f7f7fe
#f7f7fe
rgb(247,247,254)
Tones of #676bf1
A tone is produced by adding gray to any pure hue. In this case, #a7a7b1 is the less saturated color, while #5a5ffe is the most saturated one.
-
#a7a7b1
#a7a7b1
rgb(167,167,177)
-
#a0a1b8
#a0a1b8
rgb(160,161,184)
-
#9a9bbe
#9a9bbe
rgb(154,155,190)
-
#9495c4
#9495c4
rgb(148,149,196)
-
#8d8fcb
#8d8fcb
rgb(141,143,203)
-
#8789d1
#8789d1
rgb(135,137,209)
-
#8183d7
#8183d7
rgb(129,131,215)
-
#7a7dde
#7a7dde
rgb(122,125,222)
-
#7477e4
#7477e4
rgb(116,119,228)
-
#6d71eb
#6d71eb
rgb(109,113,235)
-
#676bf1
#676bf1
rgb(103,107,241)
-
#6165f7
#6165f7
rgb(97,101,247)
-
#5a5ffe
#5a5ffe
rgb(90,95,254)
Color Blindness Simulator
Below, you can see how #676bf1 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.