#676cf1 Color Information
In a RGB color space, hex #676cf1 is composed of 40.4% red, 42.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 55.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 237.8 degrees, a saturation of 83.1% and a lightness of 67.5%. #676cf1 color hex could be obtained by blending #ced8ff with #0000e3. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 95
-
- C 57
- M 55
- Y 0
- K 5
● #676cf1 color description : Soft blue.
#676cf1 Color Conversion
The hexadecimal color #676cf1 has RGB values of R:103, G:108, B:241 and CMYK values of C:0.57, M:0.55, Y:0, K:0.05. Its decimal value is 6778097.
Hex triplet | 676cf1 | #676cf1 |
---|---|---|
RGB Decimal | 103, 108, 241 | rgb(103,108,241) |
RGB Percent | 40.4, 42.4, 94.5 | rgb(40.4%,42.4%,94.5%) |
CMYK | 57, 55, 0, 5 | |
HSL | 237.8°, 83.1, 67.5 | hsl(237.8,83.1%,67.5%) |
HSV (or HSB) | 237.8°, 57.3, 94.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.79, 35.794, -67.745 |
---|---|
XYZ | 26.83, 19.958, 85.653 |
xyY | 0.203, 0.151, 19.958 |
CIE-LCH | 51.79, 76.62, 297.85 |
CIE-LUV | 51.79, -9.297, -107.937 |
Hunter-Lab | 44.675, 29.02, -82.401 |
Binary | 01100111, 01101100, 11110001 |
Color Schemes with #676cf1
Alternatives to #676cf1
Below, you can see some colors close to #676cf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676cf1 Preview
This text has a font color of #676cf1.
<span style="color:#676cf1;">Text here</span>
This paragraph has a background color of #676cf1.
<p style="background-color:#676cf1;">Content here</p>
This element has a border color of #676cf1.
<div style="border:1px solid #676cf1;">Content here</div>
.text {color:#676cf1;}
.background {background-color:#676cf1;}
.border {border:1px solid #676cf1;}
Shades and Tints of #676cf1
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)
-
#04062e
#04062e
rgb(4,6,46)
-
#060840
#060840
rgb(6,8,64)
-
#080a51
#080a51
rgb(8,10,81)
-
#090c63
#090c63
rgb(9,12,99)
-
#0b0f75
#0b0f75
rgb(11,15,117)
-
#0c1187
#0c1187
rgb(12,17,135)
-
#0e1399
#0e1399
rgb(14,19,153)
-
#1015ab
#1015ab
rgb(16,21,171)
-
#1118bd
#1118bd
rgb(17,24,189)
-
#131acf
#131acf
rgb(19,26,207)
-
#151ce1
#151ce1
rgb(21,28,225)
-
#1f27ea
#1f27ea
rgb(31,39,234)
-
#3138ec
#3138ec
rgb(49,56,236)
-
#4349ee
#4349ee
rgb(67,73,238)
-
#555bef
#555bef
rgb(85,91,239)
-
#676cf1
#676cf1
rgb(103,108,241)
-
#797df3
#797df3
rgb(121,125,243)
-
#8b8ff4
#8b8ff4
rgb(139,143,244)
-
#9da0f6
#9da0f6
rgb(157,160,246)
-
#afb1f8
#afb1f8
rgb(175,177,248)
-
#c1c3f9
#c1c3f9
rgb(193,195,249)
-
#d3d4fb
#d3d4fb
rgb(211,212,251)
-
#e5e6fd
#e5e6fd
rgb(229,230,253)
-
#f7f7fe
#f7f7fe
rgb(247,247,254)
Tones of #676cf1
A tone is produced by adding gray to any pure hue. In this case, #a7a7b1 is the less saturated color, while #5a60fe 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)
-
#8d90cb
#8d90cb
rgb(141,144,203)
-
#878ad1
#878ad1
rgb(135,138,209)
-
#8184d7
#8184d7
rgb(129,132,215)
-
#7a7ede
#7a7ede
rgb(122,126,222)
-
#7478e4
#7478e4
rgb(116,120,228)
-
#6d72eb
#6d72eb
rgb(109,114,235)
-
#676cf1
#676cf1
rgb(103,108,241)
-
#6166f7
#6166f7
rgb(97,102,247)
-
#5a60fe
#5a60fe
rgb(90,96,254)
Color Blindness Simulator
Below, you can see how #676cf1 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.