#676dfc Color Information
In a RGB color space, hex #676dfc is composed of 40.4% red, 42.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 56.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 237.6 degrees, a saturation of 96.1% and a lightness of 69.6%. #676dfc color hex could be obtained by blending #cedaff with #0000f9. Closest websafe color is: #6666ff.
-
- R 40
- G 43
- B 99
-
- C 59
- M 57
- Y 0
- K 1
● #676dfc color description : Soft blue.
#676dfc Color Conversion
The hexadecimal color #676dfc has RGB values of R:103, G:109, B:252 and CMYK values of C:0.59, M:0.57, Y:0, K:0.01. Its decimal value is 6778364.
Hex triplet | 676dfc | #676dfc |
---|---|---|
RGB Decimal | 103, 109, 252 | rgb(103,109,252) |
RGB Percent | 40.4, 42.7, 98.8 | rgb(40.4%,42.7%,98.8%) |
CMYK | 59, 57, 0, 1 | |
HSL | 237.6°, 96.1, 69.6 | hsl(237.6,96.1%,69.6%) |
HSV (or HSB) | 237.6°, 59.1, 98.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.783, 38.69, -72.255 |
---|---|
XYZ | 28.629, 20.848, 94.606 |
xyY | 0.199, 0.145, 20.848 |
CIE-LCH | 52.783, 81.962, 298.168 |
CIE-LUV | 52.783, -10.059, -115.418 |
Hunter-Lab | 45.659, 32.019, -90.886 |
Binary | 01100111, 01101101, 11111100 |
Color Schemes with #676dfc
Alternatives to #676dfc
Below, you can see some colors close to #676dfc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676dfc Preview
This text has a font color of #676dfc.
<span style="color:#676dfc;">Text here</span>
This paragraph has a background color of #676dfc.
<p style="background-color:#676dfc;">Content here</p>
This element has a border color of #676dfc.
<div style="border:1px solid #676dfc;">Content here</div>
.text {color:#676dfc;}
.background {background-color:#676dfc;}
.border {border:1px solid #676dfc;}
Shades and Tints of #676dfc
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, #000002 is the darkest color, while #eeeeff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000115
#000115
rgb(0,1,21)
-
#010228
#010228
rgb(1,2,40)
-
#01043c
#01043c
rgb(1,4,60)
-
#02054f
#02054f
rgb(2,5,79)
-
#020662
#020662
rgb(2,6,98)
-
#020775
#020775
rgb(2,7,117)
-
#030889
#030889
rgb(3,8,137)
-
#03099c
#03099c
rgb(3,9,156)
-
#030aaf
#030aaf
rgb(3,10,175)
-
#040cc2
#040cc2
rgb(4,12,194)
-
#040dd5
#040dd5
rgb(4,13,213)
-
#050ee9
#050ee9
rgb(5,14,233)
-
#0711fa
#0711fa
rgb(7,17,250)
-
#1a23fa
#1a23fa
rgb(26,35,250)
-
#2d36fb
#2d36fb
rgb(45,54,251)
-
#4148fb
#4148fb
rgb(65,72,251)
-
#545bfc
#545bfc
rgb(84,91,252)
-
#676dfc
#676dfc
rgb(103,109,252)
-
#7a7ffc
#7a7ffc
rgb(122,127,252)
-
#8d92fd
#8d92fd
rgb(141,146,253)
-
#a1a4fd
#a1a4fd
rgb(161,164,253)
-
#b4b7fe
#b4b7fe
rgb(180,183,254)
-
#c7c9fe
#c7c9fe
rgb(199,201,254)
-
#dadcfe
#dadcfe
rgb(218,220,254)
-
#eeeeff
#eeeeff
rgb(238,238,255)
Tones of #676dfc
A tone is produced by adding gray to any pure hue. In this case, #afafb4 is the less saturated color, while #676dfc is the most saturated one.
-
#afafb4
#afafb4
rgb(175,175,180)
-
#a9a9ba
#a9a9ba
rgb(169,169,186)
-
#a3a4c0
#a3a4c0
rgb(163,164,192)
-
#9d9ec6
#9d9ec6
rgb(157,158,198)
-
#9799cc
#9799cc
rgb(151,153,204)
-
#9193d2
#9193d2
rgb(145,147,210)
-
#8b8ed8
#8b8ed8
rgb(139,142,216)
-
#8588de
#8588de
rgb(133,136,222)
-
#7f83e4
#7f83e4
rgb(127,131,228)
-
#797dea
#797dea
rgb(121,125,234)
-
#7378f0
#7378f0
rgb(115,120,240)
-
#6d72f6
#6d72f6
rgb(109,114,246)
-
#676dfc
#676dfc
rgb(103,109,252)
Color Blindness Simulator
Below, you can see how #676dfc 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.