#7a60bb hex color

In a RGB color space, hex #7a60bb is composed of 47.8% red, 37.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 48.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 257.1 degrees, a saturation of 40.1% and a lightness of 55.5%. #7a60bb color hex could be obtained by blending #f4c0ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 48
- G 38
- B 73
RGB color chart
- C 35
- M 49
- Y 0
- K 27
CMYK color chart

● #7a60bb color description : Slightly desaturated violet.

The hexadecimal color #7a60bb has RGB values of R:122, G:96, B:187 and CMYK values of C:0.35, M:0.49, Y:0, K:0.27. Its decimal value is 8020155.

Hex triplet	7a60bb	`#7a60bb`
RGB Decimal	122, 96, 187	`rgb(122,96,187)`
RGB Percent	47.8, 37.6, 73.3	`rgb(47.8%,37.6%,73.3%)`
CMYK	35, 49, 0, 27
HSL	257.1°, 40.1, 55.5	`hsl(257.1,40.1%,55.5%)`
HSV (or HSB)	257.1°, 48.7, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.094, 31.162, -44.484
XYZ	21.177, 16.091, 49.001
xyY	0.245, 0.187, 16.091
CIE-LCH	47.094, 54.313, 305.013
CIE-LUV	47.094, 5.506, -70.238
Hunter-Lab	40.114, 24.036, -44.347
Binary	01111010, 01100000, 10111011

#7a60bb
```
#7a60bb rgb(122,96,187)
```
#a1bb60
```
#a1bb60 rgb(161,187,96)
```

Complementary Color

#6074bb
```
#6074bb rgb(96,116,187)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#a860bb
```
#a860bb rgb(168,96,187)
```

Analogous Color

#74bb60
```
#74bb60 rgb(116,187,96)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#bba860
```
#bba860 rgb(187,168,96)
```

Split Complementary Color

#60bb7a
```
#60bb7a rgb(96,187,122)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#bb7a60
```
#bb7a60 rgb(187,122,96)
```

Triadic Color

#60a1bb
```
#60a1bb rgb(96,161,187)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#bb7a60
```
#bb7a60 rgb(187,122,96)
```
#a1bb60
```
#a1bb60 rgb(161,187,96)
```

Tetradic Color

#563e91
```
#563e91 rgb(86,62,145)
```
#6045a3
```
#6045a3 rgb(96,69,163)
```
#6b4eb3
```
#6b4eb3 rgb(107,78,179)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#8972c3
```
#8972c3 rgb(137,114,195)
```
#9884ca
```
#9884ca rgb(152,132,202)
```
#a796d2
```
#a796d2 rgb(167,150,210)
```

Monochromatic Color

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

#6360bb
```
#6360bb rgb(99,96,187)
```
#6b60bb
```
#6b60bb rgb(107,96,187)
```
#7260bb
```
#7260bb rgb(114,96,187)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#8260bb
```
#8260bb rgb(130,96,187)
```
#8960bb
```
#8960bb rgb(137,96,187)
```
#9160bb
```
#9160bb rgb(145,96,187)
```

Similar Colors

Text with hexadecimal color #7a60bb

This text has a font color of #7a60bb.

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

#7a60bb background color

This paragraph has a background color of #7a60bb.

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

#7a60bb border color

This element has a border color of #7a60bb.

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

CSS codes

.text {color:#7a60bb;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0c0814
```
#0c0814 rgb(12,8,20)
```
#140e21
```
#140e21 rgb(20,14,33)
```
#1c142f
```
#1c142f rgb(28,20,47)
```
#241a3d
```
#241a3d rgb(36,26,61)
```
#2c204b
```
#2c204b rgb(44,32,75)
```
#342658
```
#342658 rgb(52,38,88)
```
#3c2c66
```
#3c2c66 rgb(60,44,102)
```
#443274
```
#443274 rgb(68,50,116)
```
#4d3782
```
#4d3782 rgb(77,55,130)
```
#553d8f
```
#553d8f rgb(85,61,143)
```
#5d439d
```
#5d439d rgb(93,67,157)
```
#6549ab
```
#6549ab rgb(101,73,171)
```

Shade Color Variation

#6f52b5
```
#6f52b5 rgb(111,82,181)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#856ec1
```
#856ec1 rgb(133,110,193)
```
#917bc7
```
#917bc7 rgb(145,123,199)
```
#9c89cd
```
#9c89cd rgb(156,137,205)
```
#a897d3
```
#a897d3 rgb(168,151,211)
```
#b3a5d8
```
#b3a5d8 rgb(179,165,216)
```
#bfb2de
```
#bfb2de rgb(191,178,222)
```
#cac0e4
```
#cac0e4 rgb(202,192,228)
```
#d6ceea
```
#d6ceea rgb(214,206,234)
```
#e1dcf0
```
#e1dcf0 rgb(225,220,240)
```
#ede9f6
```
#ede9f6 rgb(237,233,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8c8f is the less saturated color, while #6023f8 is the most saturated one.

#8d8c8f
```
#8d8c8f rgb(141,140,143)
```
#898398
```
#898398 rgb(137,131,152)
```
#857aa1
```
#857aa1 rgb(133,122,161)
```
#8171aa
```
#8171aa rgb(129,113,170)
```
#7e69b2
```
#7e69b2 rgb(126,105,178)
```
#7a60bb
```
#7a60bb rgb(122,96,187)
```
#7657c4
```
#7657c4 rgb(118,87,196)
```
#734fcc
```
#734fcc rgb(115,79,204)
```
#6f46d5
```
#6f46d5 rgb(111,70,213)
```
#6b3dde
```
#6b3dde rgb(107,61,222)
```
#6734e7
```
#6734e7 rgb(103,52,231)
```
#642cef
```
#642cef rgb(100,44,239)
```
#6023f8
```
#6023f8 rgb(96,35,248)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#746e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b74c8 Protanopia 1% of men
#4b77b8 Deuteranopia 1% of men
#707780 Tritanopia 0.001% of the population

Trichromacy

#5c6cc3 Protanomaly 1% of men, 0.01% of women
#5c6fb9 Deuteranomaly 6% of men, 0.4% of women
#746f95 Tritanomaly 0.01% of the population

#7a60bb hex color

#7a60bb Color Information

#7a60bb Color Conversion

Color Schemes with #7a60bb

Alternatives to #7a60bb

#7a60bb Preview

Shades and Tints of #7a60bb

Tones of #7a60bb

Color Blindness Simulator