#684cc4 Color Information
In a RGB color space, hex #684cc4 is composed of 40.8% red, 29.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 61.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 254 degrees, a saturation of 50.4% and a lightness of 53.3%. #684cc4 color hex could be obtained by blending #d098ff with #000089. Closest websafe color is: #6633cc.
-
- R 41
- G 30
- B 77
-
- C 47
- M 61
- Y 0
- K 23
● #684cc4 color description : Moderate blue.
#684cc4 Color Conversion
The hexadecimal color #684cc4 has RGB values of R:104, G:76, B:196 and CMYK values of C:0.47, M:0.61, Y:0, K:0.23. Its decimal value is 6835396.
Hex triplet | 684cc4 | #684cc4 |
---|---|---|
RGB Decimal | 104, 76, 196 | rgb(104,76,196) |
RGB Percent | 40.8, 29.8, 76.9 | rgb(40.8%,29.8%,76.9%) |
CMYK | 47, 61, 0, 23 | |
HSL | 254°, 50.4, 53.3 | hsl(254,50.4%,53.3%) |
HSV (or HSB) | 254°, 61.2, 76.9 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 41.37, 41.198, -58.999 |
---|---|
XYZ | 18.255, 12.097, 53.595 |
xyY | 0.217, 0.144, 12.097 |
CIE-LCH | 41.37, 71.959, 304.926 |
CIE-LUV | 41.37, 2.538, -89.451 |
Hunter-Lab | 34.781, 32.822, -67.014 |
Binary | 01101000, 01001100, 11000100 |
Color Schemes with #684cc4
Alternatives to #684cc4
Below, you can see some colors close to #684cc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684cc4 Preview
This text has a font color of #684cc4.
<span style="color:#684cc4;">Text here</span>
This paragraph has a background color of #684cc4.
<p style="background-color:#684cc4;">Content here</p>
This element has a border color of #684cc4.
<div style="border:1px solid #684cc4;">Content here</div>
.text {color:#684cc4;}
.background {background-color:#684cc4;}
.border {border:1px solid #684cc4;}
Shades and Tints of #684cc4
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, #06040d is the darkest color, while #fdfdfe is the lightest one.
-
#06040d
#06040d
rgb(6,4,13)
-
#0d091c
#0d091c
rgb(13,9,28)
-
#150e2a
#150e2a
rgb(21,14,42)
-
#1c1339
#1c1339
rgb(28,19,57)
-
#231848
#231848
rgb(35,24,72)
-
#2a1d57
#2a1d57
rgb(42,29,87)
-
#312165
#312165
rgb(49,33,101)
-
#382674
#382674
rgb(56,38,116)
-
#402b83
#402b83
rgb(64,43,131)
-
#473092
#473092
rgb(71,48,146)
-
#4e35a0
#4e35a0
rgb(78,53,160)
-
#553aaf
#553aaf
rgb(85,58,175)
-
#5c3fbe
#5c3fbe
rgb(92,63,190)
-
#684cc4
#684cc4
rgb(104,76,196)
-
#745bc9
#745bc9
rgb(116,91,201)
-
#816ace
#816ace
rgb(129,106,206)
-
#8d78d3
#8d78d3
rgb(141,120,211)
-
#9a87d7
#9a87d7
rgb(154,135,215)
-
#a696dc
#a696dc
rgb(166,150,220)
-
#b3a5e1
#b3a5e1
rgb(179,165,225)
-
#bfb3e6
#bfb3e6
rgb(191,179,230)
-
#ccc2eb
#ccc2eb
rgb(204,194,235)
-
#d8d1f0
#d8d1f0
rgb(216,209,240)
-
#e4e0f5
#e4e0f5
rgb(228,224,245)
-
#f1eef9
#f1eef9
rgb(241,238,249)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #684cc4
A tone is produced by adding gray to any pure hue. In this case, #85838d is the less saturated color, while #4b15fb is the most saturated one.
-
#85838d
#85838d
rgb(133,131,141)
-
#807a96
#807a96
rgb(128,122,150)
-
#7c719f
#7c719f
rgb(124,113,159)
-
#7767a9
#7767a9
rgb(119,103,169)
-
#725eb2
#725eb2
rgb(114,94,178)
-
#6d55bb
#6d55bb
rgb(109,85,187)
-
#684cc4
#684cc4
rgb(104,76,196)
-
#6343cd
#6343cd
rgb(99,67,205)
-
#5e3ad6
#5e3ad6
rgb(94,58,214)
-
#5931df
#5931df
rgb(89,49,223)
-
#5427e9
#5427e9
rgb(84,39,233)
-
#501ef2
#501ef2
rgb(80,30,242)
-
#4b15fb
#4b15fb
rgb(75,21,251)
Color Blindness Simulator
Below, you can see how #684cc4 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.