#764be2 hex color

In a RGB color space, hex #764be2 is composed of 46.3% red, 29.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 66.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 257.1 degrees, a saturation of 72.2% and a lightness of 59%. #764be2 color hex could be obtained by blending #ec96ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 46
- G 29
- B 89
RGB color chart
- C 48
- M 67
- Y 0
- K 11
CMYK color chart

● #764be2 color description : Soft violet.

The hexadecimal color #764be2 has RGB values of R:118, G:75, B:226 and CMYK values of C:0.48, M:0.67, Y:0, K:0.11. Its decimal value is 7752674.

Hex triplet	764be2	`#764be2`
RGB Decimal	118, 75, 226	`rgb(118,75,226)`
RGB Percent	46.3, 29.4, 88.6	`rgb(46.3%,29.4%,88.6%)`
CMYK	48, 67, 0, 11
HSL	257.1°, 72.2, 59	`hsl(257.1,72.2%,59%)`
HSV (or HSB)	257.1°, 66.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	44.765, 52.843, -70.655
XYZ	23.712, 14.374, 73.472
xyY	0.213, 0.129, 14.374
CIE-LCH	44.765, 88.23, 306.793
CIE-LUV	44.765, 4.928, -108.791
Hunter-Lab	37.913, 45.291, -88.359
Binary	01110110, 01001011, 11100010

#764be2
```
#764be2 rgb(118,75,226)
```
#b7e24b
```
#b7e24b rgb(183,226,75)
```

Complementary Color

#4b6ce2
```
#4b6ce2 rgb(75,108,226)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#c24be2
```
#c24be2 rgb(194,75,226)
```

Analogous Color

#6ce24b
```
#6ce24b rgb(108,226,75)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#e2c24b
```
#e2c24b rgb(226,194,75)
```

Split Complementary Color

#4be276
```
#4be276 rgb(75,226,118)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#e2764b
```
#e2764b rgb(226,118,75)
```

Triadic Color

#4bb7e2
```
#4bb7e2 rgb(75,183,226)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#e2764b
```
#e2764b rgb(226,118,75)
```
#b7e24b
```
#b7e24b rgb(183,226,75)
```

Tetradic Color

#4d1fc1
```
#4d1fc1 rgb(77,31,193)
```
#5623d7
```
#5623d7 rgb(86,35,215)
```
#6535de
```
#6535de rgb(101,53,222)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#8761e6
```
#8761e6 rgb(135,97,230)
```
#9777e9
```
#9777e9 rgb(151,119,233)
```
#a88ded
```
#a88ded rgb(168,141,237)
```

Monochromatic Color

Below, you can see some colors close to #764be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#504be2
```
#504be2 rgb(80,75,226)
```
#5d4be2
```
#5d4be2 rgb(93,75,226)
```
#694be2
```
#694be2 rgb(105,75,226)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#834be2
```
#834be2 rgb(131,75,226)
```
#8f4be2
```
#8f4be2 rgb(143,75,226)
```
#9c4be2
```
#9c4be2 rgb(156,75,226)
```

Similar Colors

Text with hexadecimal color #764be2

This text has a font color of #764be2.

<span style="color:#764be2;">Text here</span>

#764be2 background color

This paragraph has a background color of #764be2.

<p style="background-color:#764be2;">Content here</p>

#764be2 border color

This element has a border color of #764be2.

<div style="border:1px solid #764be2;">Content here</div>

CSS codes

.text {color:#764be2;}

.background {background-color:#764be2;}

.border {border:1px solid #764be2;}

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, #020106 is the darkest color, while #f7f4fd is the lightest one.

#020106
```
#020106 rgb(2,1,6)
```
#090417
```
#090417 rgb(9,4,23)
```
#100628
```
#100628 rgb(16,6,40)
```
#170939
```
#170939 rgb(23,9,57)
```
#1d0c49
```
#1d0c49 rgb(29,12,73)
```
#240f5a
```
#240f5a rgb(36,15,90)
```
#2b116b
```
#2b116b rgb(43,17,107)
```
#32147c
```
#32147c rgb(50,20,124)
```
#38178d
```
#38178d rgb(56,23,141)
```
#3f199e
```
#3f199e rgb(63,25,158)
```
#461caf
```
#461caf rgb(70,28,175)
```
#4d1fc0
```
#4d1fc0 rgb(77,31,192)
```
#5322d1
```
#5322d1 rgb(83,34,209)
```

Shade Color Variation

#5c29dd
```
#5c29dd rgb(92,41,221)
```
#693adf
```
#693adf rgb(105,58,223)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#835ce5
```
#835ce5 rgb(131,92,229)
```
#906de7
```
#906de7 rgb(144,109,231)
```
#9d7eea
```
#9d7eea rgb(157,126,234)
```
#a98fed
```
#a98fed rgb(169,143,237)
```
#b69ff0
```
#b69ff0 rgb(182,159,240)
```
#c3b0f2
```
#c3b0f2 rgb(195,176,242)
```
#d0c1f5
```
#d0c1f5 rgb(208,193,245)
```
#ddd2f8
```
#ddd2f8 rgb(221,210,248)
```
#eae3fa
```
#eae3fa rgb(234,227,250)
```
#f7f4fd
```
#f7f4fd rgb(247,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95939a is the less saturated color, while #6c33fa is the most saturated one.

#95939a
```
#95939a rgb(149,147,154)
```
#928ba2
```
#928ba2 rgb(146,139,162)
```
#8e83aa
```
#8e83aa rgb(142,131,170)
```
#8b7bb2
```
#8b7bb2 rgb(139,123,178)
```
#8773ba
```
#8773ba rgb(135,115,186)
```
#846bc2
```
#846bc2 rgb(132,107,194)
```
#8063ca
```
#8063ca rgb(128,99,202)
```
#7d5bd2
```
#7d5bd2 rgb(125,91,210)
```
#7953da
```
#7953da rgb(121,83,218)
```
#764be2
```
#764be2 rgb(118,75,226)
```
#7343ea
```
#7343ea rgb(115,67,234)
```
#6f3bf2
```
#6f3bf2 rgb(111,59,242)
```
#6c33fa
```
#6c33fa rgb(108,51,250)
```

Tone Color Variation

Below, you can see how #764be2 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.

Monochromacy

#696969 Achromatopsia 0.005% of the population
#6c6381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#59767e Tritanopia 0.001% of the population

Trichromacy

#2a61db Protanomaly 1% of men, 0.01% of women
#2a65ca Deuteranomaly 6% of men, 0.4% of women
#6366a2 Tritanomaly 0.01% of the population

#764be2 hex color

#764be2 Color Information

#764be2 Color Conversion

Color Schemes with #764be2

Alternatives to #764be2

#764be2 Preview

Shades and Tints of #764be2

Tones of #764be2

Color Blindness Simulator