#680af4 Color Information
In a RGB color space, hex #680af4 is composed of 40.8% red, 3.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 95.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 264.1 degrees, a saturation of 92.1% and a lightness of 49.8%. #680af4 color hex could be obtained by blending #d014ff with #0000e9. Closest websafe color is: #6600ff.
-
- R 41
- G 4
- B 96
-
- C 57
- M 96
- Y 0
- K 4
● #680af4 color description : Vivid violet.
#680af4 Color Conversion
The hexadecimal color #680af4 has RGB values of R:104, G:10, B:244 and CMYK values of C:0.57, M:0.96, Y:0, K:0.04. Its decimal value is 6818548.
Hex triplet | 680af4 | #680af4 |
---|---|---|
RGB Decimal | 104, 10, 244 | rgb(104,10,244) |
RGB Percent | 40.8, 3.9, 95.7 | rgb(40.8%,3.9%,95.7%) |
CMYK | 57, 96, 0, 4 | |
HSL | 264.1°, 92.1, 49.8 | hsl(264.1,92.1%,49.8%) |
HSV (or HSB) | 264.1°, 95.9, 95.7 | |
Web Safe | 6600ff | #6600ff |
CIE-LAB | 37.283, 77.996, -93.213 |
---|---|
XYZ | 22.144, 9.691, 86.287 |
xyY | 0.187, 0.082, 9.691 |
CIE-LCH | 37.283, 121.54, 309.921 |
CIE-LUV | 37.283, 4.798, -127.842 |
Hunter-Lab | 31.131, 72.49, -142.546 |
Binary | 01101000, 00001010, 11110100 |
Color Schemes with #680af4
Alternatives to #680af4
Below, you can see some colors close to #680af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#680af4 Preview
This text has a font color of #680af4.
<span style="color:#680af4;">Text here</span>
This paragraph has a background color of #680af4.
<p style="background-color:#680af4;">Content here</p>
This element has a border color of #680af4.
<div style="border:1px solid #680af4;">Content here</div>
.text {color:#680af4;}
.background {background-color:#680af4;}
.border {border:1px solid #680af4;}
Shades and Tints of #680af4
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, #080112 is the darkest color, while #fefeff is the lightest one.
-
#080112
#080112
rgb(8,1,18)
-
#100225
#100225
rgb(16,2,37)
-
#180238
#180238
rgb(24,2,56)
-
#20034a
#20034a
rgb(32,3,74)
-
#28045d
#28045d
rgb(40,4,93)
-
#300570
#300570
rgb(48,5,112)
-
#380583
#380583
rgb(56,5,131)
-
#400696
#400696
rgb(64,6,150)
-
#4807a9
#4807a9
rgb(72,7,169)
-
#5008bb
#5008bb
rgb(80,8,187)
-
#5808ce
#5808ce
rgb(88,8,206)
-
#6009e1
#6009e1
rgb(96,9,225)
-
#680af4
#680af4
rgb(104,10,244)
-
#731cf6
#731cf6
rgb(115,28,246)
-
#7f2ff6
#7f2ff6
rgb(127,47,246)
-
#8b42f7
#8b42f7
rgb(139,66,247)
-
#9654f8
#9654f8
rgb(150,84,248)
-
#a267f9
#a267f9
rgb(162,103,249)
-
#ad7afa
#ad7afa
rgb(173,122,250)
-
#b98dfa
#b98dfa
rgb(185,141,250)
-
#c4a0fb
#c4a0fb
rgb(196,160,251)
-
#d0b3fc
#d0b3fc
rgb(208,179,252)
-
#dcc6fd
#dcc6fd
rgb(220,198,253)
-
#e7d8fd
#e7d8fd
rgb(231,216,253)
-
#f3ebfe
#f3ebfe
rgb(243,235,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #680af4
A tone is produced by adding gray to any pure hue. In this case, #7d7589 is the less saturated color, while #6600fe is the most saturated one.
-
#7d7589
#7d7589
rgb(125,117,137)
-
#7b6c92
#7b6c92
rgb(123,108,146)
-
#79629c
#79629c
rgb(121,98,156)
-
#7758a6
#7758a6
rgb(119,88,166)
-
#754eb0
#754eb0
rgb(117,78,176)
-
#7445b9
#7445b9
rgb(116,69,185)
-
#723bc3
#723bc3
rgb(114,59,195)
-
#7031cd
#7031cd
rgb(112,49,205)
-
#6e27d7
#6e27d7
rgb(110,39,215)
-
#6c1ee0
#6c1ee0
rgb(108,30,224)
-
#6a14ea
#6a14ea
rgb(106,20,234)
-
#680af4
#680af4
rgb(104,10,244)
-
#6600fe
#6600fe
rgb(102,0,254)
Color Blindness Simulator
Below, you can see how #680af4 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.