#682ddd Color Information
In a RGB color space, hex #682ddd is composed of 40.8% red, 17.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 79.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 260.1 degrees, a saturation of 72.1% and a lightness of 52.2%. #682ddd color hex could be obtained by blending #d05aff with #0000bb. Closest websafe color is: #6633cc.
-
- R 41
- G 18
- B 87
-
- C 53
- M 80
- Y 0
- K 13
● #682ddd color description : Bright violet.
#682ddd Color Conversion
The hexadecimal color #682ddd has RGB values of R:104, G:45, B:221 and CMYK values of C:0.53, M:0.8, Y:0, K:0.13. Its decimal value is 6827485.
Hex triplet | 682ddd | #682ddd |
---|---|---|
RGB Decimal | 104, 45, 221 | rgb(104,45,221) |
RGB Percent | 40.8, 17.6, 86.7 | rgb(40.8%,17.6%,86.7%) |
CMYK | 53, 80, 0, 13 | |
HSL | 260.1°, 72.1, 52.2 | hsl(260.1,72.1%,52.2%) |
HSV (or HSB) | 260.1°, 79.6, 86.7 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 37.914, 63.493, -79.084 |
---|---|
XYZ | 19.696, 10.04, 69.303 |
xyY | 0.199, 0.101, 10.04 |
CIE-LCH | 37.914, 101.418, 308.76 |
CIE-LUV | 37.914, 5.162, -113.076 |
Hunter-Lab | 31.686, 55.507, -107.498 |
Binary | 01101000, 00101101, 11011101 |
Color Schemes with #682ddd
Alternatives to #682ddd
Below, you can see some colors close to #682ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#682ddd Preview
This text has a font color of #682ddd.
<span style="color:#682ddd;">Text here</span>
This paragraph has a background color of #682ddd.
<p style="background-color:#682ddd;">Content here</p>
This element has a border color of #682ddd.
<div style="border:1px solid #682ddd;">Content here</div>
.text {color:#682ddd;}
.background {background-color:#682ddd;}
.border {border:1px solid #682ddd;}
Shades and Tints of #682ddd
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, #040209 is the darkest color, while #faf8fe is the lightest one.
-
#040209
#040209
rgb(4,2,9)
-
#0c041a
#0c041a
rgb(12,4,26)
-
#13072b
#13072b
rgb(19,7,43)
-
#1b0a3c
#1b0a3c
rgb(27,10,60)
-
#220c4d
#220c4d
rgb(34,12,77)
-
#2a0f5e
#2a0f5e
rgb(42,15,94)
-
#31126f
#31126f
rgb(49,18,111)
-
#391580
#391580
rgb(57,21,128)
-
#401791
#401791
rgb(64,23,145)
-
#471aa1
#471aa1
rgb(71,26,161)
-
#4f1db2
#4f1db2
rgb(79,29,178)
-
#5620c3
#5620c3
rgb(86,32,195)
-
#5e22d4
#5e22d4
rgb(94,34,212)
-
#682ddd
#682ddd
rgb(104,45,221)
-
#743ee0
#743ee0
rgb(116,62,224)
-
#804fe2
#804fe2
rgb(128,79,226)
-
#8c60e5
#8c60e5
rgb(140,96,229)
-
#9971e8
#9971e8
rgb(153,113,232)
-
#a581eb
#a581eb
rgb(165,129,235)
-
#b192ed
#b192ed
rgb(177,146,237)
-
#bda3f0
#bda3f0
rgb(189,163,240)
-
#c9b4f3
#c9b4f3
rgb(201,180,243)
-
#d5c5f6
#d5c5f6
rgb(213,197,246)
-
#e1d6f8
#e1d6f8
rgb(225,214,248)
-
#eee7fb
#eee7fb
rgb(238,231,251)
-
#faf8fe
#faf8fe
rgb(250,248,254)
Tones of #682ddd
A tone is produced by adding gray to any pure hue. In this case, #848189 is the less saturated color, while #5f11f9 is the most saturated one.
-
#848189
#848189
rgb(132,129,137)
-
#817892
#817892
rgb(129,120,146)
-
#7e6f9b
#7e6f9b
rgb(126,111,155)
-
#7b65a5
#7b65a5
rgb(123,101,165)
-
#775cae
#775cae
rgb(119,92,174)
-
#7453b7
#7453b7
rgb(116,83,183)
-
#7149c1
#7149c1
rgb(113,73,193)
-
#6e40ca
#6e40ca
rgb(110,64,202)
-
#6b36d4
#6b36d4
rgb(107,54,212)
-
#682ddd
#682ddd
rgb(104,45,221)
-
#6524e6
#6524e6
rgb(101,36,230)
-
#621af0
#621af0
rgb(98,26,240)
-
#5f11f9
#5f11f9
rgb(95,17,249)
Color Blindness Simulator
Below, you can see how #682ddd 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.