#676af9 Color Information
In a RGB color space, hex #676af9 is composed of 40.4% red, 41.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 57.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 238.8 degrees, a saturation of 92.4% and a lightness of 69%. #676af9 color hex could be obtained by blending #ced4ff with #0000f3. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 98
-
- C 59
- M 57
- Y 0
- K 2
● #676af9 color description : Soft blue.
#676af9 Color Conversion
The hexadecimal color #676af9 has RGB values of R:103, G:106, B:249 and CMYK values of C:0.59, M:0.57, Y:0, K:0.02. Its decimal value is 6777593.
Hex triplet | 676af9 | #676af9 |
---|---|---|
RGB Decimal | 103, 106, 249 | rgb(103,106,249) |
RGB Percent | 40.4, 41.6, 97.6 | rgb(40.4%,41.6%,97.6%) |
CMYK | 59, 57, 0, 2 | |
HSL | 238.8°, 92.4, 69 | hsl(238.8,92.4%,69%) |
HSV (or HSB) | 238.8°, 58.6, 97.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.871, 39.522, -72.069 |
---|---|
XYZ | 27.843, 20.03, 92.016 |
xyY | 0.199, 0.143, 20.03 |
CIE-LCH | 51.871, 82.195, 298.74 |
CIE-LUV | 51.871, -9.139, -114.666 |
Hunter-Lab | 44.755, 32.728, -90.572 |
Binary | 01100111, 01101010, 11111001 |
Color Schemes with #676af9
Alternatives to #676af9
Below, you can see some colors close to #676af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676af9 Preview
This text has a font color of #676af9.
<span style="color:#676af9;">Text here</span>
This paragraph has a background color of #676af9.
<p style="background-color:#676af9;">Content here</p>
This element has a border color of #676af9.
<div style="border:1px solid #676af9;">Content here</div>
.text {color:#676af9;}
.background {background-color:#676af9;}
.border {border:1px solid #676af9;}
Shades and Tints of #676af9
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, #010112 is the darkest color, while #fefeff is the lightest one.
-
#010112
#010112
rgb(1,1,18)
-
#010225
#010225
rgb(1,2,37)
-
#020338
#020338
rgb(2,3,56)
-
#03044a
#03044a
rgb(3,4,74)
-
#04065d
#04065d
rgb(4,6,93)
-
#040770
#040770
rgb(4,7,112)
-
#050883
#050883
rgb(5,8,131)
-
#060996
#060996
rgb(6,9,150)
-
#070aa9
#070aa9
rgb(7,10,169)
-
#070bbc
#070bbc
rgb(7,11,188)
-
#080ccf
#080ccf
rgb(8,12,207)
-
#090de1
#090de1
rgb(9,13,225)
-
#0a0ef4
#0a0ef4
rgb(10,14,244)
-
#1c20f6
#1c20f6
rgb(28,32,246)
-
#2e33f7
#2e33f7
rgb(46,51,247)
-
#4145f8
#4145f8
rgb(65,69,248)
-
#5458f8
#5458f8
rgb(84,88,248)
-
#676af9
#676af9
rgb(103,106,249)
-
#7a7cfa
#7a7cfa
rgb(122,124,250)
-
#8d8ffa
#8d8ffa
rgb(141,143,250)
-
#a0a1fb
#a0a1fb
rgb(160,161,251)
-
#b2b4fc
#b2b4fc
rgb(178,180,252)
-
#c5c6fd
#c5c6fd
rgb(197,198,253)
-
#d8d9fd
#d8d9fd
rgb(216,217,253)
-
#ebebfe
#ebebfe
rgb(235,235,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #676af9
A tone is produced by adding gray to any pure hue. In this case, #b0b0b0 is the less saturated color, while #676af9 is the most saturated one.
-
#b0b0b0
#b0b0b0
rgb(176,176,176)
-
#aaaab6
#aaaab6
rgb(170,170,182)
-
#a4a4bc
#a4a4bc
rgb(164,164,188)
-
#9e9ec2
#9e9ec2
rgb(158,158,194)
-
#9899c8
#9899c8
rgb(152,153,200)
-
#9293ce
#9293ce
rgb(146,147,206)
-
#8b8dd5
#8b8dd5
rgb(139,141,213)
-
#8587db
#8587db
rgb(133,135,219)
-
#7f81e1
#7f81e1
rgb(127,129,225)
-
#797be7
#797be7
rgb(121,123,231)
-
#7376ed
#7376ed
rgb(115,118,237)
-
#6d70f3
#6d70f3
rgb(109,112,243)
-
#676af9
#676af9
rgb(103,106,249)
Color Blindness Simulator
Below, you can see how #676af9 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.