#7a63b2 hex color

In a RGB color space, hex #7a63b2 is composed of 47.8% red, 38.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 44.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 257.5 degrees, a saturation of 33.9% and a lightness of 54.3%. #7a63b2 color hex could be obtained by blending #f4c6ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 48
- G 39
- B 70
RGB color chart
- C 31
- M 44
- Y 0
- K 30
CMYK color chart

● #7a63b2 color description : Mostly desaturated dark violet.

The hexadecimal color #7a63b2 has RGB values of R:122, G:99, B:178 and CMYK values of C:0.31, M:0.44, Y:0, K:0.3. Its decimal value is 8020914.

Hex triplet	7a63b2	`#7a63b2`
RGB Decimal	122, 99, 178	`rgb(122,99,178)`
RGB Percent	47.8, 38.8, 69.8	`rgb(47.8%,38.8%,69.8%)`
CMYK	31, 44, 0, 30
HSL	257.5°, 33.9, 54.3	`hsl(257.5,33.9%,54.3%)`
HSV (or HSB)	257.5°, 44.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	47.334, 26.971, -38.865
XYZ	20.522, 16.276, 44.177
xyY	0.253, 0.201, 16.276
CIE-LCH	47.334, 47.307, 304.759
CIE-LUV	47.334, 5.438, -61.253
Hunter-Lab	40.343, 20.202, -36.685
Binary	01111010, 01100011, 10110010

#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#9bb263
```
#9bb263 rgb(155,178,99)
```

Complementary Color

#6374b2
```
#6374b2 rgb(99,116,178)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#a263b2
```
#a263b2 rgb(162,99,178)
```

Analogous Color

#74b263
```
#74b263 rgb(116,178,99)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#b2a263
```
#b2a263 rgb(178,162,99)
```

Split Complementary Color

#63b27a
```
#63b27a rgb(99,178,122)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#b27a63
```
#b27a63 rgb(178,122,99)
```

Triadic Color

#639bb2
```
#639bb2 rgb(99,155,178)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#b27a63
```
#b27a63 rgb(178,122,99)
```
#9bb263
```
#9bb263 rgb(155,178,99)
```

Tetradic Color

#564286
```
#564286 rgb(86,66,134)
```
#614b97
```
#614b97 rgb(97,75,151)
```
#6c53a8
```
#6c53a8 rgb(108,83,168)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#8974ba
```
#8974ba rgb(137,116,186)
```
#9785c3
```
#9785c3 rgb(151,133,195)
```
#a696cb
```
#a696cb rgb(166,150,203)
```

Monochromatic Color

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

#6663b2
```
#6663b2 rgb(102,99,178)
```
#6d63b2
```
#6d63b2 rgb(109,99,178)
```
#7363b2
```
#7363b2 rgb(115,99,178)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#8163b2
```
#8163b2 rgb(129,99,178)
```
#8763b2
```
#8763b2 rgb(135,99,178)
```
#8e63b2
```
#8e63b2 rgb(142,99,178)
```

Similar Colors

Text with hexadecimal color #7a63b2

This text has a font color of #7a63b2.

<span style="color:#7a63b2;">Text here</span>

#7a63b2 background color

This paragraph has a background color of #7a63b2.

<p style="background-color:#7a63b2;">Content here</p>

#7a63b2 border color

This element has a border color of #7a63b2.

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

CSS codes

.text {color:#7a63b2;}

.background {background-color:#7a63b2;}

.border {border:1px solid #7a63b2;}

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

#010102
```
#010102 rgb(1,1,2)
```
#09070f
```
#09070f rgb(9,7,15)
```
#120e1c
```
#120e1c rgb(18,14,28)
```
#1a1429
```
#1a1429 rgb(26,20,41)
```
#231b36
```
#231b36 rgb(35,27,54)
```
#2b2143
```
#2b2143 rgb(43,33,67)
```
#342850
```
#342850 rgb(52,40,80)
```
#3c2e5e
```
#3c2e5e rgb(60,46,94)
```
#44356b
```
#44356b rgb(68,53,107)
```
#4d3b78
```
#4d3b78 rgb(77,59,120)
```
#554285
```
#554285 rgb(85,66,133)
```
#5e4892
```
#5e4892 rgb(94,72,146)
```
#664f9f
```
#664f9f rgb(102,79,159)
```

Shade Color Variation

#6f56ac
```
#6f56ac rgb(111,86,172)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#8570b8
```
#8570b8 rgb(133,112,184)
```
#907dbf
```
#907dbf rgb(144,125,191)
```
#9c8ac5
```
#9c8ac5 rgb(156,138,197)
```
#a798cc
```
#a798cc rgb(167,152,204)
```
#b2a5d2
```
#b2a5d2 rgb(178,165,210)
```
#bdb2d9
```
#bdb2d9 rgb(189,178,217)
```
#c8bfdf
```
#c8bfdf rgb(200,191,223)
```
#d4cce6
```
#d4cce6 rgb(212,204,230)
```
#dfd9ec
```
#dfd9ec rgb(223,217,236)
```
#eae6f3
```
#eae6f3 rgb(234,230,243)
```
#f5f3f9
```
#f5f3f9 rgb(245,243,249)
```

Tint Color Variation

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

#89878e
```
#89878e rgb(137,135,142)
```
#857e97
```
#857e97 rgb(133,126,151)
```
#8175a0
```
#8175a0 rgb(129,117,160)
```
#7e6ca9
```
#7e6ca9 rgb(126,108,169)
```
#7a63b2
```
#7a63b2 rgb(122,99,178)
```
#765abb
```
#765abb rgb(118,90,187)
```
#7351c4
```
#7351c4 rgb(115,81,196)
```
#6f48cd
```
#6f48cd rgb(111,72,205)
```
#6b3fd6
```
#6b3fd6 rgb(107,63,214)
```
#6736df
```
#6736df rgb(103,54,223)
```
#642de8
```
#642de8 rgb(100,45,232)
```
#6024f1
```
#6024f1 rgb(96,36,241)
```
#5c1bfa
```
#5c1bfa rgb(92,27,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#747080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5775be Protanopia 1% of men
#5777b1 Deuteranopia 1% of men
#737780 Tritanopia 0.001% of the population

Trichromacy

#636eb9 Protanomaly 1% of men, 0.01% of women
#6470b1 Deuteranomaly 6% of men, 0.4% of women
#767092 Tritanomaly 0.01% of the population

#7a63b2 hex color

#7a63b2 Color Information

#7a63b2 Color Conversion

Color Schemes with #7a63b2

Alternatives to #7a63b2

#7a63b2 Preview

Shades and Tints of #7a63b2

Tones of #7a63b2

Color Blindness Simulator