colorhexa.com

#aa30f6 hex color

In a RGB color space, hex #aa30f6 is composed of 66.7% red, 18.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 80.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 277 degrees, a saturation of 91.7% and a lightness of 57.6%. #aa30f6 color hex could be obtained by blending #ff60ff with #5500ed. Closest websafe color is: #9933ff.

- R 67
- G 19
- B 96
RGB color chart
- C 31
- M 80
- Y 0
- K 4
CMYK color chart

● #aa30f6 color description : Bright violet.

The hexadecimal color #aa30f6 has RGB values of R:170, G:48, B:246 and CMYK values of C:0.31, M:0.8, Y:0, K:0.04. Its decimal value is 11153654.

Hex triplet	aa30f6	`#aa30f6`
RGB Decimal	170, 48, 246	`rgb(170,48,246)`
RGB Percent	66.7, 18.8, 96.5	`rgb(66.7%,18.8%,96.5%)`
CMYK	31, 80, 0, 4
HSL	277°, 91.7, 57.6	`hsl(277,91.7%,57.6%)`
HSV (or HSB)	277°, 80.5, 96.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.654, 77.181, -75.331
XYZ	34.267, 17.315, 88.721
xyY	0.244, 0.123, 17.315
CIE-LCH	48.654, 107.85, 315.695
CIE-LUV	48.654, 29.638, -120.264
Hunter-Lab	41.611, 74.177, -97.288
Binary	10101010, 00110000, 11110110

#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#7cf630
```
#7cf630 rgb(124,246,48)
```

Complementary Color

#4730f6
```
#4730f6 rgb(71,48,246)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#f630df
```
#f630df rgb(246,48,223)
```

Analogous Color

#30f647
```
#30f647 rgb(48,246,71)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#dff630
```
#dff630 rgb(223,246,48)
```

Split Complementary Color

#30f6aa
```
#30f6aa rgb(48,246,170)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#f6aa30
```
#f6aa30 rgb(246,170,48)
```

Triadic Color

#307cf6
```
#307cf6 rgb(48,124,246)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#f6aa30
```
#f6aa30 rgb(246,170,48)
```
#7cf630
```
#7cf630 rgb(124,246,48)
```

Tetradic Color

#8409d0
```
#8409d0 rgb(132,9,208)
```
#930ae9
```
#930ae9 rgb(147,10,233)
```
#a018f5
```
#a018f5 rgb(160,24,245)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#b448f7
```
#b448f7 rgb(180,72,247)
```
#be61f8
```
#be61f8 rgb(190,97,248)
```
#c879f9
```
#c879f9 rgb(200,121,249)
```

Monochromatic Color

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

#7930f6
```
#7930f6 rgb(121,48,246)
```
#8930f6
```
#8930f6 rgb(137,48,246)
```
#9a30f6
```
#9a30f6 rgb(154,48,246)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#bb30f6
```
#bb30f6 rgb(187,48,246)
```
#cb30f6
```
#cb30f6 rgb(203,48,246)
```
#dc30f6
```
#dc30f6 rgb(220,48,246)
```

Similar Colors

Text with hexadecimal color #aa30f6

This text has a font color of #aa30f6.

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

#aa30f6 background color

This paragraph has a background color of #aa30f6.

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

#aa30f6 border color

This element has a border color of #aa30f6.

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

CSS codes

.text {color:#aa30f6;}

.background {background-color:#aa30f6;}

.border {border:1px solid #aa30f6;}

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, #0c0113 is the darkest color, while #ffffff is the lightest one.

#0c0113
```
#0c0113 rgb(12,1,19)
```
#180225
```
#180225 rgb(24,2,37)
```
#240238
```
#240238 rgb(36,2,56)
```
#2f034b
```
#2f034b rgb(47,3,75)
```
#3b045e
```
#3b045e rgb(59,4,94)
```
#470571
```
#470571 rgb(71,5,113)
```
#530683
```
#530683 rgb(83,6,131)
```
#5f0796
```
#5f0796 rgb(95,7,150)
```
#6b07a9
```
#6b07a9 rgb(107,7,169)
```
#7708bc
```
#7708bc rgb(119,8,188)
```
#8309cf
```
#8309cf rgb(131,9,207)
```
#8f0ae1
```
#8f0ae1 rgb(143,10,225)
```
#9b0bf4
```
#9b0bf4 rgb(155,11,244)
```

Shade Color Variation

#a21df5
```
#a21df5 rgb(162,29,245)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#b243f7
```
#b243f7 rgb(178,67,247)
```
#b956f8
```
#b956f8 rgb(185,86,248)
```
#c168f8
```
#c168f8 rgb(193,104,248)
```
#c97bf9
```
#c97bf9 rgb(201,123,249)
```
#d18efa
```
#d18efa rgb(209,142,250)
```
#d8a1fb
```
#d8a1fb rgb(216,161,251)
```
#e0b4fc
```
#e0b4fc rgb(224,180,252)
```
#e8c6fd
```
#e8c6fd rgb(232,198,253)
```
#efd9fd
```
#efd9fd rgb(239,217,253)
```
#f7ecfe
```
#f7ecfe rgb(247,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#958b9b
```
#958b9b rgb(149,139,155)
```
#9783a3
```
#9783a3 rgb(151,131,163)
```
#997bab
```
#997bab rgb(153,123,171)
```
#9b72b4
```
#9b72b4 rgb(155,114,180)
```
#9c6abc
```
#9c6abc rgb(156,106,188)
```
#9e62c4
```
#9e62c4 rgb(158,98,196)
```
#a05acc
```
#a05acc rgb(160,90,204)
```
#a251d5
```
#a251d5 rgb(162,81,213)
```
#a449dd
```
#a449dd rgb(164,73,221)
```
#a641e5
```
#a641e5 rgb(166,65,229)
```
#a838ee
```
#a838ee rgb(168,56,238)
```
#aa30f6
```
#aa30f6 rgb(170,48,246)
```
#ac28fe
```
#ac28fe rgb(172,40,254)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#785f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#937179 Tritanopia 0.001% of the population

Trichromacy

#3d5ded Protanomaly 1% of men, 0.01% of women
#3d61dc Deuteranomaly 6% of men, 0.4% of women
#9b59a7 Tritanomaly 0.01% of the population