#764cf6 hex color

In a RGB color space, hex #764cf6 is composed of 46.3% red, 29.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 69.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 254.8 degrees, a saturation of 90.4% and a lightness of 63.1%. #764cf6 color hex could be obtained by blending #ec98ff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 46
- G 30
- B 96
RGB color chart
- C 52
- M 69
- Y 0
- K 4
CMYK color chart

● #764cf6 color description : Soft blue.

The hexadecimal color #764cf6 has RGB values of R:118, G:76, B:246 and CMYK values of C:0.52, M:0.69, Y:0, K:0.04. Its decimal value is 7752950.

Hex triplet	764cf6	`#764cf6`
RGB Decimal	118, 76, 246	`rgb(118,76,246)`
RGB Percent	46.3, 29.8, 96.5	`rgb(46.3%,29.8%,96.5%)`
CMYK	52, 69, 0, 4
HSL	254.8°, 90.4, 63.1	`hsl(254.8,90.4%,63.1%)`
HSV (or HSB)	254.8°, 69.1, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	46.543, 57.826, -79.028
XYZ	26.687, 15.674, 88.803
xyY	0.203, 0.119, 15.674
CIE-LCH	46.543, 97.925, 306.194
CIE-LUV	46.543, 2.577, -121.783
Hunter-Lab	39.59, 51.043, -105.278
Binary	01110110, 01001100, 11110110

#764cf6
```
#764cf6 rgb(118,76,246)
```
#ccf64c
```
#ccf64c rgb(204,246,76)
```

Complementary Color

#4c77f6
```
#4c77f6 rgb(76,119,246)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#cb4cf6
```
#cb4cf6 rgb(203,76,246)
```

Analogous Color

#77f64c
```
#77f64c rgb(119,246,76)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#f6cb4c
```
#f6cb4c rgb(246,203,76)
```

Split Complementary Color

#4cf676
```
#4cf676 rgb(76,246,118)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#f6764c
```
#f6764c rgb(246,118,76)
```

Triadic Color

#4cccf6
```
#4cccf6 rgb(76,204,246)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#f6764c
```
#f6764c rgb(246,118,76)
```
#ccf64c
```
#ccf64c rgb(204,246,76)
```

Tetradic Color

#430cea
```
#430cea rgb(67,12,234)
```
#511bf4
```
#511bf4 rgb(81,27,244)
```
#6334f5
```
#6334f5 rgb(99,52,245)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#8964f7
```
#8964f7 rgb(137,100,247)
```
#9b7df8
```
#9b7df8 rgb(155,125,248)
```
#ae95fa
```
#ae95fa rgb(174,149,250)
```

Monochromatic Color

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

#4c4df6
```
#4c4df6 rgb(76,77,246)
```
#5a4cf6
```
#5a4cf6 rgb(90,76,246)
```
#684cf6
```
#684cf6 rgb(104,76,246)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#844cf6
```
#844cf6 rgb(132,76,246)
```
#924cf6
```
#924cf6 rgb(146,76,246)
```
#a14cf6
```
#a14cf6 rgb(161,76,246)
```

Similar Colors

Text with hexadecimal color #764cf6

This text has a font color of #764cf6.

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

#764cf6 background color

This paragraph has a background color of #764cf6.

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

#764cf6 border color

This element has a border color of #764cf6.

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

CSS codes

.text {color:#764cf6;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#08011a
```
#08011a rgb(8,1,26)
```
#0d022d
```
#0d022d rgb(13,2,45)
```
#120340
```
#120340 rgb(18,3,64)
```
#170452
```
#170452 rgb(23,4,82)
```
#1d0565
```
#1d0565 rgb(29,5,101)
```
#220678
```
#220678 rgb(34,6,120)
```
#27078a
```
#27078a rgb(39,7,138)
```
#2d089d
```
#2d089d rgb(45,8,157)
```
#3209b0
```
#3209b0 rgb(50,9,176)
```
#370ac3
```
#370ac3 rgb(55,10,195)
```
#3d0bd5
```
#3d0bd5 rgb(61,11,213)
```
#420ce8
```
#420ce8 rgb(66,12,232)
```

Shade Color Variation

#4b14f3
```
#4b14f3 rgb(75,20,243)
```
#5927f4
```
#5927f4 rgb(89,39,244)
```
#6839f5
```
#6839f5 rgb(104,57,245)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#845ff7
```
#845ff7 rgb(132,95,247)
```
#9371f8
```
#9371f8 rgb(147,113,248)
```
#a184f9
```
#a184f9 rgb(161,132,249)
```
#af97fa
```
#af97fa rgb(175,151,250)
```
#bda9fb
```
#bda9fb rgb(189,169,251)
```
#ccbcfc
```
#ccbcfc rgb(204,188,252)
```
#dacffd
```
#dacffd rgb(218,207,253)
```
#e8e1fe
```
#e8e1fe rgb(232,225,254)
```
#f7f4fe
```
#f7f4fe rgb(247,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9ca6 is the less saturated color, while #7245fd is the most saturated one.

#9e9ca6
```
#9e9ca6 rgb(158,156,166)
```
#9b94ae
```
#9b94ae rgb(155,148,174)
```
#978db5
```
#978db5 rgb(151,141,181)
```
#9386bc
```
#9386bc rgb(147,134,188)
```
#907fc3
```
#907fc3 rgb(144,127,195)
```
#8c77cb
```
#8c77cb rgb(140,119,203)
```
#8870d2
```
#8870d2 rgb(136,112,210)
```
#8569d9
```
#8569d9 rgb(133,105,217)
```
#8162e0
```
#8162e0 rgb(129,98,224)
```
#7d5ae8
```
#7d5ae8 rgb(125,90,232)
```
#7a53ef
```
#7a53ef rgb(122,83,239)
```
#764cf6
```
#764cf6 rgb(118,76,246)
```
#7245fd
```
#7245fd rgb(114,69,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6e6688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#4d7d86 Tritanopia 0.001% of the population

Trichromacy

#2a64e7 Protanomaly 1% of men, 0.01% of women
#2a68d5 Deuteranomaly 6% of men, 0.4% of women
#5c6bae Tritanomaly 0.01% of the population

#764cf6 hex color

#764cf6 Color Information

#764cf6 Color Conversion

Color Schemes with #764cf6

Alternatives to #764cf6

#764cf6 Preview

Shades and Tints of #764cf6

Tones of #764cf6

Color Blindness Simulator