#7564a2 hex color

In a RGB color space, hex #7564a2 is composed of 45.9% red, 39.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 38.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 256.5 degrees, a saturation of 25% and a lightness of 51.4%. #7564a2 color hex could be obtained by blending #eac8ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 46
- G 39
- B 64
RGB color chart
- C 28
- M 38
- Y 0
- K 36
CMYK color chart

● #7564a2 color description : Mostly desaturated dark violet.

The hexadecimal color #7564a2 has RGB values of R:117, G:100, B:162 and CMYK values of C:0.28, M:0.38, Y:0, K:0.36. Its decimal value is 7693474.

Hex triplet	7564a2	`#7564a2`
RGB Decimal	117, 100, 162	`rgb(117,100,162)`
RGB Percent	45.9, 39.2, 63.5	`rgb(45.9%,39.2%,63.5%)`
CMYK	28, 38, 0, 36
HSL	256.5°, 25, 51.4	`hsl(256.5,25%,51.4%)`
HSV (or HSB)	256.5°, 38.3, 63.5
Web Safe	666699	`#666699`

CIE-LAB	46.318, 20.703, -31.111
XYZ	18.414, 15.505, 36.203
xyY	0.263, 0.221, 15.505
CIE-LCH	46.318, 37.37, 303.642
CIE-LUV	46.318, 4.207, -48.339
Hunter-Lab	39.376, 14.565, -26.949
Binary	01110101, 01100100, 10100010

#7564a2
```
#7564a2 rgb(117,100,162)
```
#91a264
```
#91a264 rgb(145,162,100)
```

Complementary Color

#6472a2
```
#6472a2 rgb(100,114,162)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#9464a2
```
#9464a2 rgb(148,100,162)
```

Analogous Color

#72a264
```
#72a264 rgb(114,162,100)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#a29464
```
#a29464 rgb(162,148,100)
```

Split Complementary Color

#64a275
```
#64a275 rgb(100,162,117)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#a27564
```
#a27564 rgb(162,117,100)
```

Triadic Color

#6491a2
```
#6491a2 rgb(100,145,162)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#a27564
```
#a27564 rgb(162,117,100)
```
#91a264
```
#91a264 rgb(145,162,100)
```

Tetradic Color

#524674
```
#524674 rgb(82,70,116)
```
#5e4f84
```
#5e4f84 rgb(94,79,132)
```
#695994
```
#695994 rgb(105,89,148)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#8374ac
```
#8374ac rgb(131,116,172)
```
#9184b5
```
#9184b5 rgb(145,132,181)
```
#a094bf
```
#a094bf rgb(160,148,191)
```

Monochromatic Color

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

#6664a2
```
#6664a2 rgb(102,100,162)
```
#6b64a2
```
#6b64a2 rgb(107,100,162)
```
#7064a2
```
#7064a2 rgb(112,100,162)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#7a64a2
```
#7a64a2 rgb(122,100,162)
```
#7f64a2
```
#7f64a2 rgb(127,100,162)
```
#8564a2
```
#8564a2 rgb(133,100,162)
```

Similar Colors

Text with hexadecimal color #7564a2

This text has a font color of #7564a2.

<span style="color:#7564a2;">Text here</span>

#7564a2 background color

This paragraph has a background color of #7564a2.

<p style="background-color:#7564a2;">Content here</p>

#7564a2 border color

This element has a border color of #7564a2.

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

CSS codes

.text {color:#7564a2;}

.background {background-color:#7564a2;}

.border {border:1px solid #7564a2;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0a11
```
#0c0a11 rgb(12,10,17)
```
#15111d
```
#15111d rgb(21,17,29)
```
#1d1929
```
#1d1929 rgb(29,25,41)
```
#262035
```
#262035 rgb(38,32,53)
```
#2f2742
```
#2f2742 rgb(47,39,66)
```
#372f4e
```
#372f4e rgb(55,47,78)
```
#40365a
```
#40365a rgb(64,54,90)
```
#493d66
```
#493d66 rgb(73,61,102)
```
#514573
```
#514573 rgb(81,69,115)
```
#5a4c7f
```
#5a4c7f rgb(90,76,127)
```
#63548b
```
#63548b rgb(99,84,139)
```
#6c5b97
```
#6c5b97 rgb(108,91,151)
```

Shade Color Variation

#7564a2
```
#7564a2 rgb(117,100,162)
```
#8070a9
```
#8070a9 rgb(128,112,169)
```
#8b7db1
```
#8b7db1 rgb(139,125,177)
```
#9689b8
```
#9689b8 rgb(150,137,184)
```
#a195bf
```
#a195bf rgb(161,149,191)
```
#aca1c7
```
#aca1c7 rgb(172,161,199)
```
#b6aece
```
#b6aece rgb(182,174,206)
```
#c1bad5
```
#c1bad5 rgb(193,186,213)
```
#ccc6dd
```
#ccc6dd rgb(204,198,221)
```
#d7d2e4
```
#d7d2e4 rgb(215,210,228)
```
#e2dfec
```
#e2dfec rgb(226,223,236)
```
#edebf3
```
#edebf3 rgb(237,235,243)
```
#f8f7fa
```
#f8f7fa rgb(248,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828185 is the less saturated color, while #4e0ef8 is the most saturated one.

#828185
```
#828185 rgb(130,129,133)
```
#7e778f
```
#7e778f rgb(126,119,143)
```
#796e98
```
#796e98 rgb(121,110,152)
```
#7564a2
```
#7564a2 rgb(117,100,162)
```
#715aac
```
#715aac rgb(113,90,172)
```
#6c51b5
```
#6c51b5 rgb(108,81,181)
```
#6847bf
```
#6847bf rgb(104,71,191)
```
#643ec8
```
#643ec8 rgb(100,62,200)
```
#5f34d2
```
#5f34d2 rgb(95,52,210)
```
#5b2bdb
```
#5b2bdb rgb(91,43,219)
```
#5721e5
```
#5721e5 rgb(87,33,229)
```
#5318ee
```
#5318ee rgb(83,24,238)
```
#4e0ef8
```
#4e0ef8 rgb(78,14,248)
```

Tone Color Variation

Below, you can see how #7564a2 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

#707070 Achromatopsia 0.005% of the population
#716e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f73ac Protanopia 1% of men
#6174a3 Deuteranopia 1% of men
#72757d Tritanopia 0.001% of the population

Trichromacy

#676da8 Protanomaly 1% of men, 0.01% of women
#686ea3 Deuteranomaly 6% of men, 0.4% of women
#736e8a Tritanomaly 0.01% of the population

#7564a2 hex color

#7564a2 Color Information

#7564a2 Color Conversion

Color Schemes with #7564a2

Alternatives to #7564a2

#7564a2 Preview

Shades and Tints of #7564a2

Tones of #7564a2

Color Blindness Simulator