#7b63b4 hex color

In a RGB color space, hex #7b63b4 is composed of 48.2% red, 38.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 45% magenta, 0% yellow and 29.4% black. It has a hue angle of 257.8 degrees, a saturation of 35.1% and a lightness of 54.7%. #7b63b4 color hex could be obtained by blending #f6c6ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 48
- G 39
- B 71
RGB color chart
- C 32
- M 45
- Y 0
- K 29
CMYK color chart

● #7b63b4 color description : Slightly desaturated violet.

The hexadecimal color #7b63b4 has RGB values of R:123, G:99, B:180 and CMYK values of C:0.32, M:0.45, Y:0, K:0.29. Its decimal value is 8086452.

Hex triplet	7b63b4	`#7b63b4`
RGB Decimal	123, 99, 180	`rgb(123,99,180)`
RGB Percent	48.2, 38.8, 70.6	`rgb(48.2%,38.8%,70.6%)`
CMYK	32, 45, 0, 29
HSL	257.8°, 35.1, 54.7	`hsl(257.8,35.1%,54.7%)`
HSV (or HSB)	257.8°, 45, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.533, 27.781, -39.71
XYZ	20.867, 16.43, 45.249
xyY	0.253, 0.199, 16.43
CIE-LCH	47.533, 48.463, 304.977
CIE-LUV	47.533, 5.713, -62.704
Hunter-Lab	40.534, 20.959, -37.814
Binary	01111011, 01100011, 10110100

#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#9cb463
```
#9cb463 rgb(156,180,99)
```

Complementary Color

#6374b4
```
#6374b4 rgb(99,116,180)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#a463b4
```
#a463b4 rgb(164,99,180)
```

Analogous Color

#74b463
```
#74b463 rgb(116,180,99)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#b4a463
```
#b4a463 rgb(180,164,99)
```

Split Complementary Color

#63b47b
```
#63b47b rgb(99,180,123)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#b47b63
```
#b47b63 rgb(180,123,99)
```

Triadic Color

#639cb4
```
#639cb4 rgb(99,156,180)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#b47b63
```
#b47b63 rgb(180,123,99)
```
#9cb463
```
#9cb463 rgb(156,180,99)
```

Tetradic Color

#574289
```
#574289 rgb(87,66,137)
```
#624a9a
```
#624a9a rgb(98,74,154)
```
#6d52ab
```
#6d52ab rgb(109,82,171)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#8a74bc
```
#8a74bc rgb(138,116,188)
```
#9885c5
```
#9885c5 rgb(152,133,197)
```
#a797cd
```
#a797cd rgb(167,151,205)
```

Monochromatic Color

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

#6763b4
```
#6763b4 rgb(103,99,180)
```
#6e63b4
```
#6e63b4 rgb(110,99,180)
```
#7463b4
```
#7463b4 rgb(116,99,180)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#8263b4
```
#8263b4 rgb(130,99,180)
```
#8963b4
```
#8963b4 rgb(137,99,180)
```
#8f63b4
```
#8f63b4 rgb(143,99,180)
```

Similar Colors

Text with hexadecimal color #7b63b4

This text has a font color of #7b63b4.

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

#7b63b4 background color

This paragraph has a background color of #7b63b4.

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

#7b63b4 border color

This element has a border color of #7b63b4.

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

CSS codes

.text {color:#7b63b4;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0810
```
#0a0810 rgb(10,8,16)
```
#130e1d
```
#130e1d rgb(19,14,29)
```
#1b152b
```
#1b152b rgb(27,21,43)
```
#241b38
```
#241b38 rgb(36,27,56)
```
#2c2145
```
#2c2145 rgb(44,33,69)
```
#342852
```
#342852 rgb(52,40,82)
```
#3d2e60
```
#3d2e60 rgb(61,46,96)
```
#45346d
```
#45346d rgb(69,52,109)
```
#4e3b7a
```
#4e3b7a rgb(78,59,122)
```
#564187
```
#564187 rgb(86,65,135)
```
#5e4795
```
#5e4795 rgb(94,71,149)
```
#674ea2
```
#674ea2 rgb(103,78,162)
```

Shade Color Variation

#7056ae
```
#7056ae rgb(112,86,174)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#8670ba
```
#8670ba rgb(134,112,186)
```
#917dc1
```
#917dc1 rgb(145,125,193)
```
#9d8bc7
```
#9d8bc7 rgb(157,139,199)
```
#a898cd
```
#a898cd rgb(168,152,205)
```
#b3a5d4
```
#b3a5d4 rgb(179,165,212)
```
#beb2da
```
#beb2da rgb(190,178,218)
```
#c9c0e1
```
#c9c0e1 rgb(201,192,225)
```
#d5cde7
```
#d5cde7 rgb(213,205,231)
```
#e0daed
```
#e0daed rgb(224,218,237)
```
#ebe7f4
```
#ebe7f4 rgb(235,231,244)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#898790
```
#898790 rgb(137,135,144)
```
#867e99
```
#867e99 rgb(134,126,153)
```
#8275a2
```
#8275a2 rgb(130,117,162)
```
#7f6cab
```
#7f6cab rgb(127,108,171)
```
#7b63b4
```
#7b63b4 rgb(123,99,180)
```
#775abd
```
#775abd rgb(119,90,189)
```
#7451c6
```
#7451c6 rgb(116,81,198)
```
#7048cf
```
#7048cf rgb(112,72,207)
```
#6d3fd8
```
#6d3fd8 rgb(109,63,216)
```
#6937e0
```
#6937e0 rgb(105,55,224)
```
#652ee9
```
#652ee9 rgb(101,46,233)
```
#6225f2
```
#6225f2 rgb(98,37,242)
```
#5e1cfb
```
#5e1cfb rgb(94,28,251)
```

Tone Color Variation

Below, you can see how #7b63b4 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
#757080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5675c0 Protanopia 1% of men
#5678b3 Deuteranopia 1% of men
#747880 Tritanopia 0.001% of the population

Trichromacy

#636ebb Protanomaly 1% of men, 0.01% of women
#6370b3 Deuteranomaly 6% of men, 0.4% of women
#767093 Tritanomaly 0.01% of the population

#7b63b4 hex color

#7b63b4 Color Information

#7b63b4 Color Conversion

Color Schemes with #7b63b4

Alternatives to #7b63b4

#7b63b4 Preview

Shades and Tints of #7b63b4

Tones of #7b63b4

Color Blindness Simulator