#676fde Color Information
In a RGB color space, hex #676fde is composed of 40.4% red, 43.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 50% magenta, 0% yellow and 12.9% black. It has a hue angle of 236 degrees, a saturation of 64.3% and a lightness of 63.7%. #676fde color hex could be obtained by blending #cedeff with #0000bd. Closest websafe color is: #6666cc.
-
- R 40
- G 44
- B 87
-
- C 54
- M 50
- Y 0
- K 13
● #676fde color description : Soft blue.
#676fde Color Conversion
The hexadecimal color #676fde has RGB values of R:103, G:111, B:222 and CMYK values of C:0.54, M:0.5, Y:0, K:0.13. Its decimal value is 6778846.
Hex triplet | 676fde | #676fde |
---|---|---|
RGB Decimal | 103, 111, 222 | rgb(103,111,222) |
RGB Percent | 40.4, 43.5, 87.1 | rgb(40.4%,43.5%,87.1%) |
CMYK | 54, 50, 0, 13 | |
HSL | 236°, 64.3, 63.7 | hsl(236,64.3%,63.7%) |
HSV (or HSB) | 236°, 53.6, 87.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.296, 27.966, -57.877 |
---|---|
XYZ | 24.46, 19.525, 71.583 |
xyY | 0.212, 0.169, 19.525 |
CIE-LCH | 51.296, 64.28, 295.79 |
CIE-LUV | 51.296, -9.309, -92.076 |
Hunter-Lab | 44.188, 21.481, -65.118 |
Binary | 01100111, 01101111, 11011110 |
Color Schemes with #676fde
Alternatives to #676fde
Below, you can see some colors close to #676fde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676fde Preview
This text has a font color of #676fde.
<span style="color:#676fde;">Text here</span>
This paragraph has a background color of #676fde.
<p style="background-color:#676fde;">Content here</p>
This element has a border color of #676fde.
<div style="border:1px solid #676fde;">Content here</div>
.text {color:#676fde;}
.background {background-color:#676fde;}
.border {border:1px solid #676fde;}
Shades and Tints of #676fde
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, #020209 is the darkest color, while #f8f8fd is the lightest one.
-
#020209
#020209
rgb(2,2,9)
-
#050719
#050719
rgb(5,7,25)
-
#090b29
#090b29
rgb(9,11,41)
-
#0c103a
#0c103a
rgb(12,16,58)
-
#10144a
#10144a
rgb(16,20,74)
-
#13185a
#13185a
rgb(19,24,90)
-
#171d6a
#171d6a
rgb(23,29,106)
-
#1a217a
#1a217a
rgb(26,33,122)
-
#1e258a
#1e258a
rgb(30,37,138)
-
#212a9a
#212a9a
rgb(33,42,154)
-
#252eaa
#252eaa
rgb(37,46,170)
-
#2832ba
#2832ba
rgb(40,50,186)
-
#2c37cb
#2c37cb
rgb(44,55,203)
-
#3741d4
#3741d4
rgb(55,65,212)
-
#4750d7
#4750d7
rgb(71,80,215)
-
#5760db
#5760db
rgb(87,96,219)
-
#676fde
#676fde
rgb(103,111,222)
-
#777ee1
#777ee1
rgb(119,126,225)
-
#878ee5
#878ee5
rgb(135,142,229)
-
#979de8
#979de8
rgb(151,157,232)
-
#a7acec
#a7acec
rgb(167,172,236)
-
#b8bbef
#b8bbef
rgb(184,187,239)
-
#c8cbf3
#c8cbf3
rgb(200,203,243)
-
#d8daf6
#d8daf6
rgb(216,218,246)
-
#e8e9fa
#e8e9fa
rgb(232,233,250)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #676fde
A tone is produced by adding gray to any pure hue. In this case, #a0a0a5 is the less saturated color, while #4b56fa is the most saturated one.
-
#a0a0a5
#a0a0a5
rgb(160,160,165)
-
#999aac
#999aac
rgb(153,154,172)
-
#9294b3
#9294b3
rgb(146,148,179)
-
#8b8eba
#8b8eba
rgb(139,142,186)
-
#8388c2
#8388c2
rgb(131,136,194)
-
#7c81c9
#7c81c9
rgb(124,129,201)
-
#757bd0
#757bd0
rgb(117,123,208)
-
#6e75d7
#6e75d7
rgb(110,117,215)
-
#676fde
#676fde
rgb(103,111,222)
-
#6069e5
#6069e5
rgb(96,105,229)
-
#5963ec
#5963ec
rgb(89,99,236)
-
#525df3
#525df3
rgb(82,93,243)
-
#4b56fa
#4b56fa
rgb(75,86,250)
Color Blindness Simulator
Below, you can see how #676fde 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.