#676bf0 Color Information
In a RGB color space, hex #676bf0 is composed of 40.4% red, 42% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 55.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 238.2 degrees, a saturation of 82% and a lightness of 67.3%. #676bf0 color hex could be obtained by blending #ced6ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 94
-
- C 57
- M 55
- Y 0
- K 6
● #676bf0 color description : Soft blue.
#676bf0 Color Conversion
The hexadecimal color #676bf0 has RGB values of R:103, G:107, B:240 and CMYK values of C:0.57, M:0.55, Y:0, K:0.06. Its decimal value is 6777840.
Hex triplet | 676bf0 | #676bf0 |
---|---|---|
RGB Decimal | 103, 107, 240 | rgb(103,107,240) |
RGB Percent | 40.4, 42, 94.1 | rgb(40.4%,42%,94.1%) |
CMYK | 57, 55, 0, 6 | |
HSL | 238.2°, 82, 67.3 | hsl(238.2,82%,67.3%) |
HSV (or HSB) | 238.2°, 57.1, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.484, 36.077, -67.683 |
---|---|
XYZ | 26.576, 19.689, 84.833 |
xyY | 0.203, 0.15, 19.689 |
CIE-LCH | 51.484, 76.697, 298.059 |
CIE-LUV | 51.484, -8.978, -107.698 |
Hunter-Lab | 44.372, 29.258, -82.293 |
Binary | 01100111, 01101011, 11110000 |
Color Schemes with #676bf0
Alternatives to #676bf0
Below, you can see some colors close to #676bf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bf0 Preview
This text has a font color of #676bf0.
<span style="color:#676bf0;">Text here</span>
This paragraph has a background color of #676bf0.
<p style="background-color:#676bf0;">Content here</p>
This element has a border color of #676bf0.
<div style="border:1px solid #676bf0;">Content here</div>
.text {color:#676bf0;}
.background {background-color:#676bf0;}
.border {border:1px solid #676bf0;}
Shades and Tints of #676bf0
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, #010109 is the darkest color, while #f6f6fe is the lightest one.
-
#010109
#010109
rgb(1,1,9)
-
#03031b
#03031b
rgb(3,3,27)
-
#04062c
#04062c
rgb(4,6,44)
-
#06083e
#06083e
rgb(6,8,62)
-
#080a50
#080a50
rgb(8,10,80)
-
#0a0c62
#0a0c62
rgb(10,12,98)
-
#0b0e74
#0b0e74
rgb(11,14,116)
-
#0d1186
#0d1186
rgb(13,17,134)
-
#0f1398
#0f1398
rgb(15,19,152)
-
#1115a9
#1115a9
rgb(17,21,169)
-
#1217bb
#1217bb
rgb(18,23,187)
-
#141acd
#141acd
rgb(20,26,205)
-
#161cdf
#161cdf
rgb(22,28,223)
-
#2025e9
#2025e9
rgb(32,37,233)
-
#3137eb
#3137eb
rgb(49,55,235)
-
#4348ec
#4348ec
rgb(67,72,236)
-
#555aee
#555aee
rgb(85,90,238)
-
#676bf0
#676bf0
rgb(103,107,240)
-
#797cf2
#797cf2
rgb(121,124,242)
-
#8b8ef4
#8b8ef4
rgb(139,142,244)
-
#9d9ff5
#9d9ff5
rgb(157,159,245)
-
#aeb1f7
#aeb1f7
rgb(174,177,247)
-
#c0c2f9
#c0c2f9
rgb(192,194,249)
-
#d2d3fb
#d2d3fb
rgb(210,211,251)
-
#e4e5fc
#e4e5fc
rgb(228,229,252)
-
#f6f6fe
#f6f6fe
rgb(246,246,254)
Tones of #676bf0
A tone is produced by adding gray to any pure hue. In this case, #a7a7b0 is the less saturated color, while #5a5ffd is the most saturated one.
-
#a7a7b0
#a7a7b0
rgb(167,167,176)
-
#a1a1b6
#a1a1b6
rgb(161,161,182)
-
#9a9bbd
#9a9bbd
rgb(154,155,189)
-
#9495c3
#9495c3
rgb(148,149,195)
-
#8e8fc9
#8e8fc9
rgb(142,143,201)
-
#8789d0
#8789d0
rgb(135,137,208)
-
#8183d6
#8183d6
rgb(129,131,214)
-
#7a7ddd
#7a7ddd
rgb(122,125,221)
-
#7477e3
#7477e3
rgb(116,119,227)
-
#6d71ea
#6d71ea
rgb(109,113,234)
-
#676bf0
#676bf0
rgb(103,107,240)
-
#6165f6
#6165f6
rgb(97,101,246)
-
#5a5ffd
#5a5ffd
rgb(90,95,253)
Color Blindness Simulator
Below, you can see how #676bf0 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.