#676bf2 Color Information
In a RGB color space, hex #676bf2 is composed of 40.4% red, 42% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 55.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 238.3 degrees, a saturation of 84.2% and a lightness of 67.6%. #676bf2 color hex could be obtained by blending #ced6ff with #0000e5. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 95
-
- C 57
- M 56
- Y 0
- K 5
● #676bf2 color description : Soft blue.
#676bf2 Color Conversion
The hexadecimal color #676bf2 has RGB values of R:103, G:107, B:242 and CMYK values of C:0.57, M:0.56, Y:0, K:0.05. Its decimal value is 6777842.
Hex triplet | 676bf2 | #676bf2 |
---|---|---|
RGB Decimal | 103, 107, 242 | rgb(103,107,242) |
RGB Percent | 40.4, 42, 94.9 | rgb(40.4%,42%,94.9%) |
CMYK | 57, 56, 0, 5 | |
HSL | 238.3°, 84.2, 67.6 | hsl(238.3,84.2%,67.6%) |
HSV (or HSB) | 238.3°, 57.4, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.62, 36.71, -68.579 |
---|---|
XYZ | 26.875, 19.809, 86.407 |
xyY | 0.202, 0.149, 19.809 |
CIE-LCH | 51.62, 77.786, 298.16 |
CIE-LUV | 51.62, -9.072, -109.155 |
Hunter-Lab | 44.507, 29.898, -83.952 |
Binary | 01100111, 01101011, 11110010 |
Color Schemes with #676bf2
Alternatives to #676bf2
Below, you can see some colors close to #676bf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676bf2 Preview
This text has a font color of #676bf2.
<span style="color:#676bf2;">Text here</span>
This paragraph has a background color of #676bf2.
<p style="background-color:#676bf2;">Content here</p>
This element has a border color of #676bf2.
<div style="border:1px solid #676bf2;">Content here</div>
.text {color:#676bf2;}
.background {background-color:#676bf2;}
.border {border:1px solid #676bf2;}
Shades and Tints of #676bf2
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, #01010b is the darkest color, while #f8f8fe is the lightest one.
-
#01010b
#01010b
rgb(1,1,11)
-
#02031d
#02031d
rgb(2,3,29)
-
#04052f
#04052f
rgb(4,5,47)
-
#060741
#060741
rgb(6,7,65)
-
#070953
#070953
rgb(7,9,83)
-
#090b65
#090b65
rgb(9,11,101)
-
#0a0d77
#0a0d77
rgb(10,13,119)
-
#0c0f89
#0c0f89
rgb(12,15,137)
-
#0d119b
#0d119b
rgb(13,17,155)
-
#0f13ad
#0f13ad
rgb(15,19,173)
-
#1015bf
#1015bf
rgb(16,21,191)
-
#1217d1
#1217d1
rgb(18,23,209)
-
#1319e3
#1319e3
rgb(19,25,227)
-
#1f25ec
#1f25ec
rgb(31,37,236)
-
#3136ed
#3136ed
rgb(49,54,237)
-
#4348ef
#4348ef
rgb(67,72,239)
-
#5559f0
#5559f0
rgb(85,89,240)
-
#676bf2
#676bf2
rgb(103,107,242)
-
#797df4
#797df4
rgb(121,125,244)
-
#8b8ef5
#8b8ef5
rgb(139,142,245)
-
#9da0f7
#9da0f7
rgb(157,160,247)
-
#afb1f8
#afb1f8
rgb(175,177,248)
-
#c1c3fa
#c1c3fa
rgb(193,195,250)
-
#d3d5fb
#d3d5fb
rgb(211,213,251)
-
#e5e6fd
#e5e6fd
rgb(229,230,253)
-
#f8f8fe
#f8f8fe
rgb(248,248,254)
Tones of #676bf2
A tone is produced by adding gray to any pure hue. In this case, #a6a7b3 is the less saturated color, while #5a5fff is the most saturated one.
-
#a6a7b3
#a6a7b3
rgb(166,167,179)
-
#a0a1b9
#a0a1b9
rgb(160,161,185)
-
#9a9bbf
#9a9bbf
rgb(154,155,191)
-
#9395c6
#9395c6
rgb(147,149,198)
-
#8d8fcc
#8d8fcc
rgb(141,143,204)
-
#8789d2
#8789d2
rgb(135,137,210)
-
#8083d9
#8083d9
rgb(128,131,217)
-
#7a7ddf
#7a7ddf
rgb(122,125,223)
-
#7477e5
#7477e5
rgb(116,119,229)
-
#6d71ec
#6d71ec
rgb(109,113,236)
-
#676bf2
#676bf2
rgb(103,107,242)
-
#6165f8
#6165f8
rgb(97,101,248)
-
#5a5fff
#5a5fff
rgb(90,95,255)
Color Blindness Simulator
Below, you can see how #676bf2 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.