#676efa Color Information
In a RGB color space, hex #676efa is composed of 40.4% red, 43.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 56% magenta, 0% yellow and 2% black. It has a hue angle of 237.1 degrees, a saturation of 93.6% and a lightness of 69.2%. #676efa color hex could be obtained by blending #cedcff with #0000f5. Closest websafe color is: #6666ff.
-
- R 40
- G 43
- B 98
-
- C 59
- M 56
- Y 0
- K 2
● #676efa color description : Soft blue.
#676efa Color Conversion
The hexadecimal color #676efa has RGB values of R:103, G:110, B:250 and CMYK values of C:0.59, M:0.56, Y:0, K:0.02. Its decimal value is 6778618.
Hex triplet | 676efa | #676efa |
---|---|---|
RGB Decimal | 103, 110, 250 | rgb(103,110,250) |
RGB Percent | 40.4, 43.1, 98 | rgb(40.4%,43.1%,98%) |
CMYK | 59, 56, 0, 2 | |
HSL | 237.1°, 93.6, 69.2 | hsl(237.1,93.6%,69.2%) |
HSV (or HSB) | 237.1°, 58.8, 98 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.88, 37.458, -70.989 |
---|---|
XYZ | 28.421, 20.936, 92.981 |
xyY | 0.2, 0.147, 20.936 |
CIE-LCH | 52.88, 80.265, 297.819 |
CIE-LUV | 52.88, -10.237, -113.503 |
Hunter-Lab | 45.756, 30.801, -88.453 |
Binary | 01100111, 01101110, 11111010 |
Color Schemes with #676efa
Alternatives to #676efa
Below, you can see some colors close to #676efa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676efa Preview
This text has a font color of #676efa.
<span style="color:#676efa;">Text here</span>
This paragraph has a background color of #676efa.
<p style="background-color:#676efa;">Content here</p>
This element has a border color of #676efa.
<div style="border:1px solid #676efa;">Content here</div>
.text {color:#676efa;}
.background {background-color:#676efa;}
.border {border:1px solid #676efa;}
Shades and Tints of #676efa
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, #010113 is the darkest color, while #ffffff is the lightest one.
-
#010113
#010113
rgb(1,1,19)
-
#010326
#010326
rgb(1,3,38)
-
#020439
#020439
rgb(2,4,57)
-
#02064c
#02064c
rgb(2,6,76)
-
#03075f
#03075f
rgb(3,7,95)
-
#040972
#040972
rgb(4,9,114)
-
#040a85
#040a85
rgb(4,10,133)
-
#050c98
#050c98
rgb(5,12,152)
-
#060dab
#060dab
rgb(6,13,171)
-
#060fbe
#060fbe
rgb(6,15,190)
-
#0710d1
#0710d1
rgb(7,16,209)
-
#0712e4
#0712e4
rgb(7,18,228)
-
#0813f7
#0813f7
rgb(8,19,247)
-
#1b26f8
#1b26f8
rgb(27,38,248)
-
#2e38f8
#2e38f8
rgb(46,56,248)
-
#414af9
#414af9
rgb(65,74,249)
-
#545cf9
#545cf9
rgb(84,92,249)
-
#676efa
#676efa
rgb(103,110,250)
-
#7a80fb
#7a80fb
rgb(122,128,251)
-
#8d92fb
#8d92fb
rgb(141,146,251)
-
#a0a4fc
#a0a4fc
rgb(160,164,252)
-
#b3b6fc
#b3b6fc
rgb(179,182,252)
-
#c6c9fd
#c6c9fd
rgb(198,201,253)
-
#d9dbfe
#d9dbfe
rgb(217,219,254)
-
#ecedfe
#ecedfe
rgb(236,237,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #676efa
A tone is produced by adding gray to any pure hue. In this case, #afb0b2 is the less saturated color, while #676efa is the most saturated one.
-
#afb0b2
#afb0b2
rgb(175,176,178)
-
#a9aab8
#a9aab8
rgb(169,170,184)
-
#a3a5be
#a3a5be
rgb(163,165,190)
-
#9d9fc4
#9d9fc4
rgb(157,159,196)
-
#979aca
#979aca
rgb(151,154,202)
-
#9194d0
#9194d0
rgb(145,148,208)
-
#8b8fd6
#8b8fd6
rgb(139,143,214)
-
#8589dc
#8589dc
rgb(133,137,220)
-
#7f84e2
#7f84e2
rgb(127,132,226)
-
#797ee8
#797ee8
rgb(121,126,232)
-
#7379ee
#7379ee
rgb(115,121,238)
-
#6d73f4
#6d73f4
rgb(109,115,244)
-
#676efa
#676efa
rgb(103,110,250)
Color Blindness Simulator
Below, you can see how #676efa 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.