#684af4 Color Information
In a RGB color space, hex #684af4 is composed of 40.8% red, 29% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 69.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 250.6 degrees, a saturation of 88.5% and a lightness of 62.4%. #684af4 color hex could be obtained by blending #d094ff with #0000e9. Closest websafe color is: #6633ff.
-
- R 41
- G 29
- B 96
-
- C 57
- M 70
- Y 0
- K 4
● #684af4 color description : Soft blue.
#684af4 Color Conversion
The hexadecimal color #684af4 has RGB values of R:104, G:74, B:244 and CMYK values of C:0.57, M:0.7, Y:0, K:0.04. Its decimal value is 6834932.
Hex triplet | 684af4 | #684af4 |
---|---|---|
RGB Decimal | 104, 74, 244 | rgb(104,74,244) |
RGB Percent | 40.8, 29, 95.7 | rgb(40.8%,29%,95.7%) |
CMYK | 57, 70, 0, 4 | |
HSL | 250.6°, 88.5, 62.4 | hsl(250.6,88.5%,62.4%) |
HSV (or HSB) | 250.6°, 69.7, 95.7 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 44.761, 56.238, -80.875 |
---|---|
XYZ | 24.484, 14.371, 87.067 |
xyY | 0.194, 0.114, 14.371 |
CIE-LCH | 44.761, 98.506, 304.814 |
CIE-LUV | 44.761, -1.432, -122.371 |
Hunter-Lab | 37.91, 48.941, -109.634 |
Binary | 01101000, 01001010, 11110100 |
Color Schemes with #684af4
Alternatives to #684af4
Below, you can see some colors close to #684af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684af4 Preview
This text has a font color of #684af4.
<span style="color:#684af4;">Text here</span>
This paragraph has a background color of #684af4.
<p style="background-color:#684af4;">Content here</p>
This element has a border color of #684af4.
<div style="border:1px solid #684af4;">Content here</div>
.text {color:#684af4;}
.background {background-color:#684af4;}
.border {border:1px solid #684af4;}
Shades and Tints of #684af4
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, #010004 is the darkest color, while #f3f0fe is the lightest one.
-
#010004
#010004
rgb(1,0,4)
-
#050116
#050116
rgb(5,1,22)
-
#090229
#090229
rgb(9,2,41)
-
#0d043b
#0d043b
rgb(13,4,59)
-
#12054e
#12054e
rgb(18,5,78)
-
#160660
#160660
rgb(22,6,96)
-
#1a0773
#1a0773
rgb(26,7,115)
-
#1e0885
#1e0885
rgb(30,8,133)
-
#220998
#220998
rgb(34,9,152)
-
#270aaa
#270aaa
rgb(39,10,170)
-
#2b0bbd
#2b0bbd
rgb(43,11,189)
-
#2f0dcf
#2f0dcf
rgb(47,13,207)
-
#330ee2
#330ee2
rgb(51,14,226)
-
#3a13f1
#3a13f1
rgb(58,19,241)
-
#4925f2
#4925f2
rgb(73,37,242)
-
#5938f3
#5938f3
rgb(89,56,243)
-
#684af4
#684af4
rgb(104,74,244)
-
#775cf5
#775cf5
rgb(119,92,245)
-
#876ff6
#876ff6
rgb(135,111,246)
-
#9681f7
#9681f7
rgb(150,129,247)
-
#a694f8
#a694f8
rgb(166,148,248)
-
#b5a6fa
#b5a6fa
rgb(181,166,250)
-
#c5b9fb
#c5b9fb
rgb(197,185,251)
-
#d4cbfc
#d4cbfc
rgb(212,203,252)
-
#e3defd
#e3defd
rgb(227,222,253)
-
#f3f0fe
#f3f0fe
rgb(243,240,254)
Tones of #684af4
A tone is produced by adding gray to any pure hue. In this case, #9d9ba3 is the less saturated color, while #6343fb is the most saturated one.
-
#9d9ba3
#9d9ba3
rgb(157,155,163)
-
#9894aa
#9894aa
rgb(152,148,170)
-
#938cb2
#938cb2
rgb(147,140,178)
-
#8e85b9
#8e85b9
rgb(142,133,185)
-
#897ec0
#897ec0
rgb(137,126,192)
-
#8576c8
#8576c8
rgb(133,118,200)
-
#806fcf
#806fcf
rgb(128,111,207)
-
#7b68d6
#7b68d6
rgb(123,104,214)
-
#7660de
#7660de
rgb(118,96,222)
-
#7259e5
#7259e5
rgb(114,89,229)
-
#6d51ed
#6d51ed
rgb(109,81,237)
-
#684af4
#684af4
rgb(104,74,244)
-
#6343fb
#6343fb
rgb(99,67,251)
Color Blindness Simulator
Below, you can see how #684af4 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.