#af30b3 hex color

In a RGB color space, hex #af30b3 is composed of 68.6% red, 18.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 73.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 298.2 degrees, a saturation of 57.7% and a lightness of 44.5%. #af30b3 color hex could be obtained by blending #ff60ff with #5f0067. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 19
- B 70
RGB color chart
- C 2
- M 73
- Y 0
- K 30
CMYK color chart

● #af30b3 color description : Moderate magenta.

The hexadecimal color #af30b3 has RGB values of R:175, G:48, B:179 and CMYK values of C:0.02, M:0.73, Y:0, K:0.3. Its decimal value is 11481267.

Hex triplet	af30b3	`#af30b3`
RGB Decimal	175, 48, 179	`rgb(175,48,179)`
RGB Percent	68.6, 18.8, 70.2	`rgb(68.6%,18.8%,70.2%)`
CMYK	2, 73, 0, 30
HSL	298.2°, 57.7, 44.5	`hsl(298.2,57.7%,44.5%)`
HSV (or HSB)	298.2°, 73.2, 70.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.919, 65.581, -42.859
XYZ	26.872, 14.484, 44.026
xyY	0.315, 0.17, 14.484
CIE-LCH	44.919, 78.343, 326.834
CIE-LUV	44.919, 51.314, -71.146
Hunter-Lab	38.058, 59.434, -41.946
Binary	10101111, 00110000, 10110011

#af30b3
```
#af30b3 rgb(175,48,179)
```
#34b330
```
#34b330 rgb(52,179,48)
```

Complementary Color

#6e30b3
```
#6e30b3 rgb(110,48,179)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#b33076
```
#b33076 rgb(179,48,118)
```

Analogous Color

#30b36e
```
#30b36e rgb(48,179,110)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#76b330
```
#76b330 rgb(118,179,48)
```

Split Complementary Color

#30b3af
```
#30b3af rgb(48,179,175)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#b3af30
```
#b3af30 rgb(179,175,48)
```

Triadic Color

#3034b3
```
#3034b3 rgb(48,52,179)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#b3af30
```
#b3af30 rgb(179,175,48)
```
#34b330
```
#34b330 rgb(52,179,48)
```

Tetradic Color

#742077
```
#742077 rgb(116,32,119)
```
#88258b
```
#88258b rgb(136,37,139)
```
#9b2b9f
```
#9b2b9f rgb(155,43,159)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#c335c7
```
#c335c7 rgb(195,53,199)
```
#ca48ce
```
#ca48ce rgb(202,72,206)
```
#d05cd3
```
#d05cd3 rgb(208,92,211)
```

Monochromatic Color

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

#8e30b3
```
#8e30b3 rgb(142,48,179)
```
#9930b3
```
#9930b3 rgb(153,48,179)
```
#a430b3
```
#a430b3 rgb(164,48,179)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#b330ac
```
#b330ac rgb(179,48,172)
```
#b330a1
```
#b330a1 rgb(179,48,161)
```
#b33096
```
#b33096 rgb(179,48,150)
```

Similar Colors

Text with hexadecimal color #af30b3

This text has a font color of #af30b3.

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

#af30b3 background color

This paragraph has a background color of #af30b3.

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

#af30b3 border color

This element has a border color of #af30b3.

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

CSS codes

.text {color:#af30b3;}

.background {background-color:#af30b3;}

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

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

#090209
```
#090209 rgb(9,2,9)
```
#180718
```
#180718 rgb(24,7,24)
```
#270b28
```
#270b28 rgb(39,11,40)
```
#360f37
```
#360f37 rgb(54,15,55)
```
#451347
```
#451347 rgb(69,19,71)
```
#541756
```
#541756 rgb(84,23,86)
```
#631b66
```
#631b66 rgb(99,27,102)
```
#731f75
```
#731f75 rgb(115,31,117)
```
#822485
```
#822485 rgb(130,36,133)
```
#912894
```
#912894 rgb(145,40,148)
```
#a02ca4
```
#a02ca4 rgb(160,44,164)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#be34c2
```
#be34c2 rgb(190,52,194)
```

Shade Color Variation

#c73fcb
```
#c73fcb rgb(199,63,203)
```
#cc4ed0
```
#cc4ed0 rgb(204,78,208)
```
#d05ed4
```
#d05ed4 rgb(208,94,212)
```
#d56dd8
```
#d56dd8 rgb(213,109,216)
```
#d97ddc
```
#d97ddc rgb(217,125,220)
```
#de8ce0
```
#de8ce0 rgb(222,140,224)
```
#e29ce4
```
#e29ce4 rgb(226,156,228)
```
#e7abe8
```
#e7abe8 rgb(231,171,232)
```
#ebbbed
```
#ebbbed rgb(235,187,237)
```
#f0caf1
```
#f0caf1 rgb(240,202,241)
```
#f4d9f5
```
#f4d9f5 rgb(244,217,245)
```
#f9e9f9
```
#f9e9f9 rgb(249,233,249)
```
#fdf8fd
```
#fdf8fd rgb(253,248,253)
```

Tint Color Variation

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

#766d76
```
#766d76 rgb(118,109,118)
```
#7e647f
```
#7e647f rgb(126,100,127)
```
#865c87
```
#865c87 rgb(134,92,135)
```
#8e5390
```
#8e5390 rgb(142,83,144)
```
#964a99
```
#964a99 rgb(150,74,153)
```
#9f41a2
```
#9f41a2 rgb(159,65,162)
```
#a739aa
```
#a739aa rgb(167,57,170)
```
#af30b3
```
#af30b3 rgb(175,48,179)
```
#b727bc
```
#b727bc rgb(183,39,188)
```
#bf1fc4
```
#bf1fc4 rgb(191,31,196)
```
#c816cd
```
#c816cd rgb(200,22,205)
```
#d00dd6
```
#d00dd6 rgb(208,13,214)
```
#d804df
```
#d804df rgb(216,4,223)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#745a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#5371a8 Deuteranopia 1% of men
#a75a60 Tritanopia 0.001% of the population

Trichromacy

#3f57cb Protanomaly 1% of men, 0.01% of women
#7559ac Deuteranomaly 6% of men, 0.4% of women
#aa4b7e Tritanomaly 0.01% of the population

#af30b3 hex color

#af30b3 Color Information

#af30b3 Color Conversion

Color Schemes with #af30b3

Alternatives to #af30b3

#af30b3 Preview

Shades and Tints of #af30b3

Tones of #af30b3

Color Blindness Simulator