#676cff Color Information
In a RGB color space, hex #676cff is composed of 40.4% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 238 degrees, a saturation of 100% and a lightness of 70.2%. #676cff color hex could be obtained by blending #ced8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 42
- B 100
-
- C 60
- M 58
- Y 0
- K 0
● #676cff color description : Very light blue.
#676cff Color Conversion
The hexadecimal color #676cff has RGB values of R:103, G:108, B:255 and CMYK values of C:0.6, M:0.58, Y:0, K:0. Its decimal value is 6778111.
Hex triplet | 676cff | #676cff |
---|---|---|
RGB Decimal | 103, 108, 255 | rgb(103,108,255) |
RGB Percent | 40.4, 42.4, 100 | rgb(40.4%,42.4%,100%) |
CMYK | 60, 58, 0, 0 | |
HSL | 238°, 100, 70.2 | hsl(238,100%,70.2%) |
HSV (or HSB) | 238°, 59.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.76, 40.237, -73.953 |
---|---|
XYZ | 29.002, 20.827, 97.094 |
xyY | 0.197, 0.142, 20.827 |
CIE-LCH | 52.76, 84.19, 298.55 |
CIE-LUV | 52.76, -9.933, -118.019 |
Hunter-Lab | 45.637, 33.573, -94.195 |
Binary | 01100111, 01101100, 11111111 |
Color Schemes with #676cff
Alternatives to #676cff
Below, you can see some colors close to #676cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676cff Preview
This text has a font color of #676cff.
<span style="color:#676cff;">Text here</span>
This paragraph has a background color of #676cff.
<p style="background-color:#676cff;">Content here</p>
This element has a border color of #676cff.
<div style="border:1px solid #676cff;">Content here</div>
.text {color:#676cff;}
.background {background-color:#676cff;}
.border {border:1px solid #676cff;}
Shades and Tints of #676cff
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, #000005 is the darkest color, while #f0f1ff is the lightest one.
-
#000005
#000005
rgb(0,0,5)
-
#000119
#000119
rgb(0,1,25)
-
#00012c
#00012c
rgb(0,1,44)
-
#000240
#000240
rgb(0,2,64)
-
#000353
#000353
rgb(0,3,83)
-
#000367
#000367
rgb(0,3,103)
-
#00047b
#00047b
rgb(0,4,123)
-
#00058e
#00058e
rgb(0,5,142)
-
#0005a2
#0005a2
rgb(0,5,162)
-
#0006b5
#0006b5
rgb(0,6,181)
-
#0007c9
#0007c9
rgb(0,7,201)
-
#0007dd
#0007dd
rgb(0,7,221)
-
#0008f0
#0008f0
rgb(0,8,240)
-
#050dff
#050dff
rgb(5,13,255)
-
#1920ff
#1920ff
rgb(25,32,255)
-
#2c33ff
#2c33ff
rgb(44,51,255)
-
#4046ff
#4046ff
rgb(64,70,255)
-
#5359ff
#5359ff
rgb(83,89,255)
-
#676cff
#676cff
rgb(103,108,255)
-
#7b7fff
#7b7fff
rgb(123,127,255)
-
#8e92ff
#8e92ff
rgb(142,146,255)
-
#a2a5ff
#a2a5ff
rgb(162,165,255)
-
#b5b8ff
#b5b8ff
rgb(181,184,255)
-
#c9cbff
#c9cbff
rgb(201,203,255)
-
#dddeff
#dddeff
rgb(221,222,255)
-
#f0f1ff
#f0f1ff
rgb(240,241,255)
Tones of #676cff
A tone is produced by adding gray to any pure hue. In this case, #adaeb9 is the less saturated color, while #676cff is the most saturated one.
-
#adaeb9
#adaeb9
rgb(173,174,185)
-
#a7a8bf
#a7a8bf
rgb(167,168,191)
-
#a1a3c5
#a1a3c5
rgb(161,163,197)
-
#9c9dca
#9c9dca
rgb(156,157,202)
-
#9698d0
#9698d0
rgb(150,152,208)
-
#9092d6
#9092d6
rgb(144,146,214)
-
#8a8ddc
#8a8ddc
rgb(138,141,220)
-
#8487e2
#8487e2
rgb(132,135,226)
-
#7e82e8
#7e82e8
rgb(126,130,232)
-
#797ced
#797ced
rgb(121,124,237)
-
#7377f3
#7377f3
rgb(115,119,243)
-
#6d71f9
#6d71f9
rgb(109,113,249)
-
#676cff
#676cff
rgb(103,108,255)
Color Blindness Simulator
Below, you can see how #676cff 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.