#786be4 Color Information
In a RGB color space, hex #786be4 is composed of 47.1% red, 42% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 53.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 246.4 degrees, a saturation of 69.1% and a lightness of 65.7%. #786be4 color hex could be obtained by blending #f0d6ff with #0000c9. Closest websafe color is: #6666cc.
-
- R 47
- G 42
- B 89
-
- C 47
- M 53
- Y 0
- K 11
● #786be4 color description : Soft blue.
#786be4 Color Conversion
The hexadecimal color #786be4 has RGB values of R:120, G:107, B:228 and CMYK values of C:0.47, M:0.53, Y:0, K:0.11. Its decimal value is 7891940.
Hex triplet | 786be4 | #786be4 |
---|---|---|
RGB Decimal | 120, 107, 228 | rgb(120,107,228) |
RGB Percent | 47.1, 42, 89.4 | rgb(47.1%,42%,89.4%) |
CMYK | 47, 53, 0, 11 | |
HSL | 246.4°, 69.1, 65.7 | hsl(246.4,69.1%,65.7%) |
HSV (or HSB) | 246.4°, 53.1, 89.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.96, 35.769, -60.124 |
---|---|
XYZ | 27.004, 20.109, 75.853 |
xyY | 0.22, 0.164, 20.109 |
CIE-LCH | 51.96, 69.959, 300.749 |
CIE-LUV | 51.96, -2.455, -96.558 |
Hunter-Lab | 44.843, 29.016, -68.9 |
Binary | 01111000, 01101011, 11100100 |
Color Schemes with #786be4
Alternatives to #786be4
Below, you can see some colors close to #786be4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#786be4 Preview
This text has a font color of #786be4.
<span style="color:#786be4;">Text here</span>
This paragraph has a background color of #786be4.
<p style="background-color:#786be4;">Content here</p>
This element has a border color of #786be4.
<div style="border:1px solid #786be4;">Content here</div>
.text {color:#786be4;}
.background {background-color:#786be4;}
.border {border:1px solid #786be4;}
Shades and Tints of #786be4
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, #000001 is the darkest color, while #f1f0fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050312
#050312
rgb(5,3,18)
-
#090622
#090622
rgb(9,6,34)
-
#0e0933
#0e0933
rgb(14,9,51)
-
#120c44
#120c44
rgb(18,12,68)
-
#170f54
#170f54
rgb(23,15,84)
-
#1b1265
#1b1265
rgb(27,18,101)
-
#201575
#201575
rgb(32,21,117)
-
#241886
#241886
rgb(36,24,134)
-
#291b97
#291b97
rgb(41,27,151)
-
#2d1fa7
#2d1fa7
rgb(45,31,167)
-
#3222b8
#3222b8
rgb(50,34,184)
-
#3625c8
#3625c8
rgb(54,37,200)
-
#3b29d8
#3b29d8
rgb(59,41,216)
-
#4b39db
#4b39db
rgb(75,57,219)
-
#5a4ade
#5a4ade
rgb(90,74,222)
-
#695ae1
#695ae1
rgb(105,90,225)
-
#786be4
#786be4
rgb(120,107,228)
-
#877ce7
#877ce7
rgb(135,124,231)
-
#968cea
#968cea
rgb(150,140,234)
-
#a59ded
#a59ded
rgb(165,157,237)
-
#b5adf0
#b5adf0
rgb(181,173,240)
-
#c4bef3
#c4bef3
rgb(196,190,243)
-
#d3cff6
#d3cff6
rgb(211,207,246)
-
#e2dff9
#e2dff9
rgb(226,223,249)
-
#f1f0fc
#f1f0fc
rgb(241,240,252)
Tones of #786be4
A tone is produced by adding gray to any pure hue. In this case, #a2a1ae is the less saturated color, while #6350ff is the most saturated one.
-
#a2a1ae
#a2a1ae
rgb(162,161,174)
-
#9d9ab5
#9d9ab5
rgb(157,154,181)
-
#9893bc
#9893bc
rgb(152,147,188)
-
#928dc2
#928dc2
rgb(146,141,194)
-
#8d86c9
#8d86c9
rgb(141,134,201)
-
#887fd0
#887fd0
rgb(136,127,208)
-
#8378d7
#8378d7
rgb(131,120,215)
-
#7d72dd
#7d72dd
rgb(125,114,221)
-
#786be4
#786be4
rgb(120,107,228)
-
#7364eb
#7364eb
rgb(115,100,235)
-
#6d5ef1
#6d5ef1
rgb(109,94,241)
-
#6857f8
#6857f8
rgb(104,87,248)
-
#6350ff
#6350ff
rgb(99,80,255)
Color Blindness Simulator
Below, you can see how #786be4 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.