#676cf0 Color Information
In a RGB color space, hex #676cf0 is composed of 40.4% red, 42.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 55% magenta, 0% yellow and 5.9% black. It has a hue angle of 237.8 degrees, a saturation of 82% and a lightness of 67.3%. #676cf0 color hex could be obtained by blending #ced8ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 94
-
- C 57
- M 55
- Y 0
- K 6
● #676cf0 color description : Soft blue.
#676cf0 Color Conversion
The hexadecimal color #676cf0 has RGB values of R:103, G:108, B:240 and CMYK values of C:0.57, M:0.55, Y:0, K:0.06. Its decimal value is 6778096.
Hex triplet | 676cf0 | #676cf0 |
---|---|---|
RGB Decimal | 103, 108, 240 | rgb(103,108,240) |
RGB Percent | 40.4, 42.4, 94.1 | rgb(40.4%,42.4%,94.1%) |
CMYK | 57, 55, 0, 6 | |
HSL | 237.8°, 82, 67.3 | hsl(237.8,82%,67.3%) |
HSV (or HSB) | 237.8°, 57.1, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.723, 35.477, -67.296 |
---|---|
XYZ | 26.681, 19.899, 84.868 |
xyY | 0.203, 0.151, 19.899 |
CIE-LCH | 51.723, 76.075, 297.797 |
CIE-LUV | 51.723, -9.251, -107.205 |
Hunter-Lab | 44.608, 28.701, -81.575 |
Binary | 01100111, 01101100, 11110000 |
Color Schemes with #676cf0
Alternatives to #676cf0
Below, you can see some colors close to #676cf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676cf0 Preview
This text has a font color of #676cf0.
<span style="color:#676cf0;">Text here</span>
This paragraph has a background color of #676cf0.
<p style="background-color:#676cf0;">Content here</p>
This element has a border color of #676cf0.
<div style="border:1px solid #676cf0;">Content here</div>
.text {color:#676cf0;}
.background {background-color:#676cf0;}
.border {border:1px solid #676cf0;}
Shades and Tints of #676cf0
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)
-
#080b50
#080b50
rgb(8,11,80)
-
#0a0d62
#0a0d62
rgb(10,13,98)
-
#0b0f74
#0b0f74
rgb(11,15,116)
-
#0d1286
#0d1286
rgb(13,18,134)
-
#0f1498
#0f1498
rgb(15,20,152)
-
#1116a9
#1116a9
rgb(17,22,169)
-
#1219bb
#1219bb
rgb(18,25,187)
-
#141bcd
#141bcd
rgb(20,27,205)
-
#161ddf
#161ddf
rgb(22,29,223)
-
#2027e9
#2027e9
rgb(32,39,233)
-
#3138eb
#3138eb
rgb(49,56,235)
-
#4349ec
#4349ec
rgb(67,73,236)
-
#555bee
#555bee
rgb(85,91,238)
-
#676cf0
#676cf0
rgb(103,108,240)
-
#797df2
#797df2
rgb(121,125,242)
-
#8b8ff4
#8b8ff4
rgb(139,143,244)
-
#9da0f5
#9da0f5
rgb(157,160,245)
-
#aeb1f7
#aeb1f7
rgb(174,177,247)
-
#c0c2f9
#c0c2f9
rgb(192,194,249)
-
#d2d4fb
#d2d4fb
rgb(210,212,251)
-
#e4e5fc
#e4e5fc
rgb(228,229,252)
-
#f6f6fe
#f6f6fe
rgb(246,246,254)
Tones of #676cf0
A tone is produced by adding gray to any pure hue. In this case, #a7a8b0 is the less saturated color, while #5a60fd is the most saturated one.
-
#a7a8b0
#a7a8b0
rgb(167,168,176)
-
#a1a2b6
#a1a2b6
rgb(161,162,182)
-
#9a9cbd
#9a9cbd
rgb(154,156,189)
-
#9496c3
#9496c3
rgb(148,150,195)
-
#8e90c9
#8e90c9
rgb(142,144,201)
-
#878ad0
#878ad0
rgb(135,138,208)
-
#8184d6
#8184d6
rgb(129,132,214)
-
#7a7edd
#7a7edd
rgb(122,126,221)
-
#7478e3
#7478e3
rgb(116,120,227)
-
#6d72ea
#6d72ea
rgb(109,114,234)
-
#676cf0
#676cf0
rgb(103,108,240)
-
#6166f6
#6166f6
rgb(97,102,246)
-
#5a60fd
#5a60fd
rgb(90,96,253)
Color Blindness Simulator
Below, you can see how #676cf0 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.