#684af0 Color Information
In a RGB color space, hex #684af0 is composed of 40.8% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 250.8 degrees, a saturation of 84.7% and a lightness of 61.6%. #684af0 color hex could be obtained by blending #d094ff with #0000e1. Closest websafe color is: #6633ff.
-
- R 41
- G 29
- B 94
-
- C 57
- M 69
- Y 0
- K 6
● #684af0 color description : Soft blue.
#684af0 Color Conversion
The hexadecimal color #684af0 has RGB values of R:104, G:74, B:240 and CMYK values of C:0.57, M:0.69, Y:0, K:0.06. Its decimal value is 6834928.
Hex triplet | 684af0 | #684af0 |
---|---|---|
RGB Decimal | 104, 74, 240 | rgb(104,74,240) |
RGB Percent | 40.8, 29, 94.1 | rgb(40.8%,29%,94.1%) |
CMYK | 57, 69, 0, 6 | |
HSL | 250.8°, 84.7, 61.6 | hsl(250.8,84.7%,61.6%) |
HSV (or HSB) | 250.8°, 69.2, 94.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 44.42, 55.082, -79.186 |
---|---|
XYZ | 23.883, 14.131, 83.902 |
xyY | 0.196, 0.116, 14.131 |
CIE-LCH | 44.42, 96.459, 304.823 |
CIE-LUV | 44.42, -1.097, -119.815 |
Hunter-Lab | 37.591, 47.621, -106.019 |
Binary | 01101000, 01001010, 11110000 |
Color Schemes with #684af0
Alternatives to #684af0
Below, you can see some colors close to #684af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684af0 Preview
This text has a font color of #684af0.
<span style="color:#684af0;">Text here</span>
This paragraph has a background color of #684af0.
<p style="background-color:#684af0;">Content here</p>
This element has a border color of #684af0.
<div style="border:1px solid #684af0;">Content here</div>
.text {color:#684af0;}
.background {background-color:#684af0;}
.border {border:1px solid #684af0;}
Shades and Tints of #684af0
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, #000000 is the darkest color, while #f0edfe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050212
#050212
rgb(5,2,18)
-
#090324
#090324
rgb(9,3,36)
-
#0e0536
#0e0536
rgb(14,5,54)
-
#120649
#120649
rgb(18,6,73)
-
#17085b
#17085b
rgb(23,8,91)
-
#1b096d
#1b096d
rgb(27,9,109)
-
#200b7f
#200b7f
rgb(32,11,127)
-
#240c91
#240c91
rgb(36,12,145)
-
#290ea3
#290ea3
rgb(41,14,163)
-
#2d0fb5
#2d0fb5
rgb(45,15,181)
-
#3211c7
#3211c7
rgb(50,17,199)
-
#3612da
#3612da
rgb(54,18,218)
-
#3b14eb
#3b14eb
rgb(59,20,235)
-
#4a26ed
#4a26ed
rgb(74,38,237)
-
#5938ee
#5938ee
rgb(89,56,238)
-
#684af0
#684af0
rgb(104,74,240)
-
#775cf2
#775cf2
rgb(119,92,242)
-
#866ef3
#866ef3
rgb(134,110,243)
-
#9580f5
#9580f5
rgb(149,128,245)
-
#a492f6
#a492f6
rgb(164,146,246)
-
#b4a5f8
#b4a5f8
rgb(180,165,248)
-
#c3b7f9
#c3b7f9
rgb(195,183,249)
-
#d2c9fb
#d2c9fb
rgb(210,201,251)
-
#e1dbfc
#e1dbfc
rgb(225,219,252)
-
#f0edfe
#f0edfe
rgb(240,237,254)
Tones of #684af0
A tone is produced by adding gray to any pure hue. In this case, #9d9d9d is the less saturated color, while #6342f8 is the most saturated one.
-
#9d9d9d
#9d9d9d
rgb(157,157,157)
-
#9895a5
#9895a5
rgb(152,149,165)
-
#938eac
#938eac
rgb(147,142,172)
-
#8f86b4
#8f86b4
rgb(143,134,180)
-
#8a7fbb
#8a7fbb
rgb(138,127,187)
-
#8577c3
#8577c3
rgb(133,119,195)
-
#8070ca
#8070ca
rgb(128,112,202)
-
#7b68d2
#7b68d2
rgb(123,104,210)
-
#7661d9
#7661d9
rgb(118,97,217)
-
#7259e1
#7259e1
rgb(114,89,225)
-
#6d52e8
#6d52e8
rgb(109,82,232)
-
#684af0
#684af0
rgb(104,74,240)
-
#6342f8
#6342f8
rgb(99,66,248)
Color Blindness Simulator
Below, you can see how #684af0 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.