#764cb2 hex color

In a RGB color space, hex #764cb2 is composed of 46.3% red, 29.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 57.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 264.7 degrees, a saturation of 40.2% and a lightness of 49.8%. #764cb2 color hex could be obtained by blending #ec98ff with #000065. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 46
- G 30
- B 70
RGB color chart
- C 34
- M 57
- Y 0
- K 30
CMYK color chart

● #764cb2 color description : Dark moderate violet.

The hexadecimal color #764cb2 has RGB values of R:118, G:76, B:178 and CMYK values of C:0.34, M:0.57, Y:0, K:0.3. Its decimal value is 7752882.

Hex triplet	764cb2	`#764cb2`
RGB Decimal	118, 76, 178	`rgb(118,76,178)`
RGB Percent	46.3, 29.8, 69.8	`rgb(46.3%,29.8%,69.8%)`
CMYK	34, 57, 0, 30
HSL	264.7°, 40.2, 49.8	`hsl(264.7,40.2%,49.8%)`
HSV (or HSB)	264.7°, 57.3, 69.8
Web Safe	663399	`#663399`

CIE-LAB	41.587, 39.391, -48.042
XYZ	18.09, 12.235, 43.526
xyY	0.245, 0.166, 12.235
CIE-LCH	41.587, 62.127, 309.349
CIE-LUV	41.587, 10.807, -73.99
Hunter-Lab	34.978, 31.105, -49.293
Binary	01110110, 01001100, 10110010

#764cb2
```
#764cb2 rgb(118,76,178)
```
#88b24c
```
#88b24c rgb(136,178,76)
```

Complementary Color

#4c55b2
```
#4c55b2 rgb(76,85,178)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#a94cb2
```
#a94cb2 rgb(169,76,178)
```

Analogous Color

#55b24c
```
#55b24c rgb(85,178,76)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#b2a94c
```
#b2a94c rgb(178,169,76)
```

Split Complementary Color

#4cb276
```
#4cb276 rgb(76,178,118)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#b2764c
```
#b2764c rgb(178,118,76)
```

Triadic Color

#4c88b2
```
#4c88b2 rgb(76,136,178)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#b2764c
```
#b2764c rgb(178,118,76)
```
#88b24c
```
#88b24c rgb(136,178,76)
```

Tetradic Color

#52357c
```
#52357c rgb(82,53,124)
```
#5e3d8e
```
#5e3d8e rgb(94,61,142)
```
#6a44a0
```
#6a44a0 rgb(106,68,160)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#845dba
```
#845dba rgb(132,93,186)
```
#916fc2
```
#916fc2 rgb(145,111,194)
```
#9f81c9
```
#9f81c9 rgb(159,129,201)
```

Monochromatic Color

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

#5d4cb2
```
#5d4cb2 rgb(93,76,178)
```
#654cb2
```
#654cb2 rgb(101,76,178)
```
#6e4cb2
```
#6e4cb2 rgb(110,76,178)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#7f4cb2
```
#7f4cb2 rgb(127,76,178)
```
#874cb2
```
#874cb2 rgb(135,76,178)
```
#904cb2
```
#904cb2 rgb(144,76,178)
```

Similar Colors

Text with hexadecimal color #764cb2

This text has a font color of #764cb2.

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

#764cb2 background color

This paragraph has a background color of #764cb2.

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

#764cb2 border color

This element has a border color of #764cb2.

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

CSS codes

.text {color:#764cb2;}

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

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

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, #09060d is the darkest color, while #fefeff is the lightest one.

#09060d
```
#09060d rgb(9,6,13)
```
#120b1b
```
#120b1b rgb(18,11,27)
```
#1b1129
```
#1b1129 rgb(27,17,41)
```
#241736
```
#241736 rgb(36,23,54)
```
#2d1d44
```
#2d1d44 rgb(45,29,68)
```
#362352
```
#362352 rgb(54,35,82)
```
#3f2960
```
#3f2960 rgb(63,41,96)
```
#482f6d
```
#482f6d rgb(72,47,109)
```
#52357b
```
#52357b rgb(82,53,123)
```
#5b3a89
```
#5b3a89 rgb(91,58,137)
```
#644097
```
#644097 rgb(100,64,151)
```
#6d46a4
```
#6d46a4 rgb(109,70,164)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```

Shade Color Variation

#8059b8
```
#8059b8 rgb(128,89,184)
```
#8b67be
```
#8b67be rgb(139,103,190)
```
#9575c4
```
#9575c4 rgb(149,117,196)
```
#a083ca
```
#a083ca rgb(160,131,202)
```
#aa90d0
```
#aa90d0 rgb(170,144,208)
```
#b59ed6
```
#b59ed6 rgb(181,158,214)
```
#bfacdb
```
#bfacdb rgb(191,172,219)
```
#cabae1
```
#cabae1 rgb(202,186,225)
```
#d4c7e7
```
#d4c7e7 rgb(212,199,231)
```
#dfd5ed
```
#dfd5ed rgb(223,213,237)
```
#e9e3f3
```
#e9e3f3 rgb(233,227,243)
```
#f4f1f9
```
#f4f1f9 rgb(244,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7f7d81
```
#7f7d81 rgb(127,125,129)
```
#7d738b
```
#7d738b rgb(125,115,139)
```
#7b6995
```
#7b6995 rgb(123,105,149)
```
#79609e
```
#79609e rgb(121,96,158)
```
#7856a8
```
#7856a8 rgb(120,86,168)
```
#764cb2
```
#764cb2 rgb(118,76,178)
```
#7442bc
```
#7442bc rgb(116,66,188)
```
#7338c6
```
#7338c6 rgb(115,56,198)
```
#712fcf
```
#712fcf rgb(113,47,207)
```
#6f25d9
```
#6f25d9 rgb(111,37,217)
```
#6d1be3
```
#6d1be3 rgb(109,27,227)
```
#6c11ed
```
#6c11ed rgb(108,17,237)
```
#6a08f6
```
#6a08f6 rgb(106,8,246)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#685f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2367c5 Protanopia 1% of men
#2f6bad Deuteranopia 1% of men
#6c6970 Tritanopia 0.001% of the population

Trichromacy

#415dbe Protanomaly 1% of men, 0.01% of women
#4860af Deuteranomaly 6% of men, 0.4% of women
#6f5e88 Tritanomaly 0.01% of the population

#764cb2 hex color

#764cb2 Color Information

#764cb2 Color Conversion

Color Schemes with #764cb2

Alternatives to #764cb2

#764cb2 Preview

Shades and Tints of #764cb2

Tones of #764cb2

Color Blindness Simulator