#7458a2 hex color

In a RGB color space, hex #7458a2 is composed of 45.5% red, 34.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 45.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 262.7 degrees, a saturation of 29.6% and a lightness of 49%. #7458a2 color hex could be obtained by blending #e8b0ff with #000045. Closest websafe color is: #666699.

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

● #7458a2 color description : Dark moderate violet.

The hexadecimal color #7458a2 has RGB values of R:116, G:88, B:162 and CMYK values of C:0.28, M:0.46, Y:0, K:0.36. Its decimal value is 7624866.

Hex triplet	7458a2	`#7458a2`
RGB Decimal	116, 88, 162	`rgb(116,88,162)`
RGB Percent	45.5, 34.5, 63.5	`rgb(45.5%,34.5%,63.5%)`
CMYK	28, 46, 0, 36
HSL	262.7°, 29.6, 49	`hsl(262.7,29.6%,49%)`
HSV (or HSB)	262.7°, 45.7, 63.5
Web Safe	666699	`#666699`

CIE-LAB	43.214, 27.652, -36
XYZ	17.213, 13.301, 35.841
xyY	0.259, 0.2, 13.301
CIE-LCH	43.214, 45.394, 307.528
CIE-LUV	43.214, 8.144, -55.699
Hunter-Lab	36.471, 20.421, -32.737
Binary	01110100, 01011000, 10100010

#7458a2
```
#7458a2 rgb(116,88,162)
```
#86a258
```
#86a258 rgb(134,162,88)
```

Complementary Color

#5861a2
```
#5861a2 rgb(88,97,162)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#9958a2
```
#9958a2 rgb(153,88,162)
```

Analogous Color

#61a258
```
#61a258 rgb(97,162,88)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#a29958
```
#a29958 rgb(162,153,88)
```

Split Complementary Color

#58a274
```
#58a274 rgb(88,162,116)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#a27458
```
#a27458 rgb(162,116,88)
```

Triadic Color

#5886a2
```
#5886a2 rgb(88,134,162)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#a27458
```
#a27458 rgb(162,116,88)
```
#86a258
```
#86a258 rgb(134,162,88)
```

Tetradic Color

#513d70
```
#513d70 rgb(81,61,112)
```
#5c4681
```
#5c4681 rgb(92,70,129)
```
#684f91
```
#684f91 rgb(104,79,145)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#8167ac
```
#8167ac rgb(129,103,172)
```
#8f78b5
```
#8f78b5 rgb(143,120,181)
```
#9d88be
```
#9d88be rgb(157,136,190)
```

Monochromatic Color

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

#6258a2
```
#6258a2 rgb(98,88,162)
```
#6858a2
```
#6858a2 rgb(104,88,162)
```
#6e58a2
```
#6e58a2 rgb(110,88,162)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#7a58a2
```
#7a58a2 rgb(122,88,162)
```
#8058a2
```
#8058a2 rgb(128,88,162)
```
#8758a2
```
#8758a2 rgb(135,88,162)
```

Similar Colors

Text with hexadecimal color #7458a2

This text has a font color of #7458a2.

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

#7458a2 background color

This paragraph has a background color of #7458a2.

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

#7458a2 border color

This element has a border color of #7458a2.

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

CSS codes

.text {color:#7458a2;}

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

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

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

#070509
```
#070509 rgb(7,5,9)
```
#100c16
```
#100c16 rgb(16,12,22)
```
#191323
```
#191323 rgb(25,19,35)
```
#221a30
```
#221a30 rgb(34,26,48)
```
#2b213c
```
#2b213c rgb(43,33,60)
```
#342849
```
#342849 rgb(52,40,73)
```
#3d2f56
```
#3d2f56 rgb(61,47,86)
```
#463562
```
#463562 rgb(70,53,98)
```
#503c6f
```
#503c6f rgb(80,60,111)
```
#59437c
```
#59437c rgb(89,67,124)
```
#624a89
```
#624a89 rgb(98,74,137)
```
#6b5195
```
#6b5195 rgb(107,81,149)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```

Shade Color Variation

#7e63aa
```
#7e63aa rgb(126,99,170)
```
#8970b1
```
#8970b1 rgb(137,112,177)
```
#937db8
```
#937db8 rgb(147,125,184)
```
#9e89bf
```
#9e89bf rgb(158,137,191)
```
#a896c6
```
#a896c6 rgb(168,150,198)
```
#b3a3cd
```
#b3a3cd rgb(179,163,205)
```
#bdafd4
```
#bdafd4 rgb(189,175,212)
```
#c8bcdb
```
#c8bcdb rgb(200,188,219)
```
#d2c9e2
```
#d2c9e2 rgb(210,201,226)
```
#ddd6e9
```
#ddd6e9 rgb(221,214,233)
```
#e7e2ef
```
#e7e2ef rgb(231,226,239)
```
#f2eff6
```
#f2eff6 rgb(242,239,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#7b7585
```
#7b7585 rgb(123,117,133)
```
#796b8f
```
#796b8f rgb(121,107,143)
```
#766298
```
#766298 rgb(118,98,152)
```
#7458a2
```
#7458a2 rgb(116,88,162)
```
#724eac
```
#724eac rgb(114,78,172)
```
#6f45b5
```
#6f45b5 rgb(111,69,181)
```
#6d3bbf
```
#6d3bbf rgb(109,59,191)
```
#6b32c8
```
#6b32c8 rgb(107,50,200)
```
#6828d2
```
#6828d2 rgb(104,40,210)
```
#661edc
```
#661edc rgb(102,30,220)
```
#6415e5
```
#6415e5 rgb(100,21,229)
```
#610bef
```
#610bef rgb(97,11,239)
```
#5f01f9
```
#5f01f9 rgb(95,1,249)
```

Tone Color Variation

Below, you can see how #7458a2 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
#6b6674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6baf Protanopia 1% of men
#516da2 Deuteranopia 1% of men
#6f6c74 Tritanopia 0.001% of the population

Trichromacy

#5c64aa Protanomaly 1% of men, 0.01% of women
#5e65a2 Deuteranomaly 6% of men, 0.4% of women
#716585 Tritanomaly 0.01% of the population

#7458a2 hex color

#7458a2 Color Information

#7458a2 Color Conversion

Color Schemes with #7458a2

Alternatives to #7458a2

#7458a2 Preview

Shades and Tints of #7458a2

Tones of #7458a2

Color Blindness Simulator