#746ff4 Color Information
In a RGB color space, hex #746ff4 is composed of 45.5% red, 43.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 54.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 242.3 degrees, a saturation of 85.8% and a lightness of 69.6%. #746ff4 color hex could be obtained by blending #e8deff with #0000e9. Closest websafe color is: #6666ff.
-
- R 45
- G 44
- B 96
-
- C 52
- M 55
- Y 0
- K 4
● #746ff4 color description : Soft blue.
#746ff4 Color Conversion
The hexadecimal color #746ff4 has RGB values of R:116, G:111, B:244 and CMYK values of C:0.52, M:0.55, Y:0, K:0.04. Its decimal value is 7630836.
Hex triplet | 746ff4 | #746ff4 |
---|---|---|
RGB Decimal | 116, 111, 244 | rgb(116,111,244) |
RGB Percent | 45.5, 43.5, 95.7 | rgb(45.5%,43.5%,95.7%) |
CMYK | 52, 55, 0, 4 | |
HSL | 242.3°, 85.8, 69.6 | hsl(242.3,85.8%,69.6%) |
HSV (or HSB) | 242.3°, 54.5, 95.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 53.613, 37.371, -66.425 |
---|---|
XYZ | 29.213, 21.613, 88.215 |
xyY | 0.21, 0.155, 21.613 |
CIE-LCH | 53.613, 76.216, 299.362 |
CIE-LUV | 53.613, -6.115, -107.065 |
Hunter-Lab | 46.489, 30.809, -79.963 |
Binary | 01110100, 01101111, 11110100 |
Color Schemes with #746ff4
Alternatives to #746ff4
Below, you can see some colors close to #746ff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#746ff4 Preview
This text has a font color of #746ff4.
<span style="color:#746ff4;">Text here</span>
This paragraph has a background color of #746ff4.
<p style="background-color:#746ff4;">Content here</p>
This element has a border color of #746ff4.
<div style="border:1px solid #746ff4;">Content here</div>
.text {color:#746ff4;}
.background {background-color:#746ff4;}
.border {border:1px solid #746ff4;}
Shades and Tints of #746ff4
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, #000002 is the darkest color, while #efeffe is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#020214
#020214
rgb(2,2,20)
-
#040326
#040326
rgb(4,3,38)
-
#060438
#060438
rgb(6,4,56)
-
#08064b
#08064b
rgb(8,6,75)
-
#0a075d
#0a075d
rgb(10,7,93)
-
#0c086f
#0c086f
rgb(12,8,111)
-
#0e0a81
#0e0a81
rgb(14,10,129)
-
#100b94
#100b94
rgb(16,11,148)
-
#120da6
#120da6
rgb(18,13,166)
-
#140eb8
#140eb8
rgb(20,14,184)
-
#160fca
#160fca
rgb(22,15,202)
-
#1811dc
#1811dc
rgb(24,17,220)
-
#1c14ed
#1c14ed
rgb(28,20,237)
-
#2e26ee
#2e26ee
rgb(46,38,238)
-
#3f38f0
#3f38f0
rgb(63,56,240)
-
#514bf1
#514bf1
rgb(81,75,241)
-
#625df3
#625df3
rgb(98,93,243)
-
#746ff4
#746ff4
rgb(116,111,244)
-
#8681f5
#8681f5
rgb(134,129,245)
-
#9793f7
#9793f7
rgb(151,147,247)
-
#a9a6f8
#a9a6f8
rgb(169,166,248)
-
#bab8fa
#bab8fa
rgb(186,184,250)
-
#cccafb
#cccafb
rgb(204,202,251)
-
#dedcfc
#dedcfc
rgb(222,220,252)
-
#efeffe
#efeffe
rgb(239,239,254)
Tones of #746ff4
A tone is produced by adding gray to any pure hue. In this case, #b1b1b2 is the less saturated color, while #6e69fa is the most saturated one.
-
#b1b1b2
#b1b1b2
rgb(177,177,178)
-
#ababb8
#ababb8
rgb(171,171,184)
-
#a6a5be
#a6a5be
rgb(166,165,190)
-
#a09fc4
#a09fc4
rgb(160,159,196)
-
#9b99ca
#9b99ca
rgb(155,153,202)
-
#9593d0
#9593d0
rgb(149,147,208)
-
#908dd6
#908dd6
rgb(144,141,214)
-
#8a87dc
#8a87dc
rgb(138,135,220)
-
#8581e2
#8581e2
rgb(133,129,226)
-
#7f7be8
#7f7be8
rgb(127,123,232)
-
#7a75ee
#7a75ee
rgb(122,117,238)
-
#746ff4
#746ff4
rgb(116,111,244)
-
#6e69fa
#6e69fa
rgb(110,105,250)
Color Blindness Simulator
Below, you can see how #746ff4 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.