colorhexa.com

#af18ba hex color

In a RGB color space, hex #af18ba is composed of 68.6% red, 9.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 87.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 295.9 degrees, a saturation of 77.1% and a lightness of 41.2%. #af18ba color hex could be obtained by blending #ff30ff with #5f0075. Closest websafe color is: #9900cc.

- R 69
- G 9
- B 73
RGB color chart
- C 6
- M 87
- Y 0
- K 27
CMYK color chart

● #af18ba color description : Strong magenta.

The hexadecimal color #af18ba has RGB values of R:175, G:24, B:186 and CMYK values of C:0.06, M:0.87, Y:0, K:0.27. Its decimal value is 11475130.

Hex triplet	af18ba	`#af18ba`
RGB Decimal	175, 24, 186	`rgb(175,24,186)`
RGB Percent	68.6, 9.4, 72.9	`rgb(68.6%,9.4%,72.9%)`
CMYK	6, 87, 0, 27
HSL	295.9°, 77.1, 41.2	`hsl(295.9,77.1%,41.2%)`
HSV (or HSB)	295.9°, 87.1, 72.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.233, 72.834, -49.672
XYZ	26.868, 13.314, 47.606
xyY	0.306, 0.152, 13.314
CIE-LCH	43.233, 88.16, 325.706
CIE-LUV	43.233, 52.324, -80.905
Hunter-Lab	36.488, 67.582, -51.814
Binary	10101111, 00011000, 10111010

#af18ba
```
#af18ba rgb(175,24,186)
```
#23ba18
```
#23ba18 rgb(35,186,24)
```

Complementary Color

#5e18ba
```
#5e18ba rgb(94,24,186)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#ba1874
```
#ba1874 rgb(186,24,116)
```

Analogous Color

#18ba5e
```
#18ba5e rgb(24,186,94)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#74ba18
```
#74ba18 rgb(116,186,24)
```

Split Complementary Color

#18baaf
```
#18baaf rgb(24,186,175)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#baaf18
```
#baaf18 rgb(186,175,24)
```

Triadic Color

#1823ba
```
#1823ba rgb(24,35,186)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#baaf18
```
#baaf18 rgb(186,175,24)
```
#23ba18
```
#23ba18 rgb(35,186,24)
```

Tetradic Color

#6f0f76
```
#6f0f76 rgb(111,15,118)
```
#85128d
```
#85128d rgb(133,18,141)
```
#9a15a3
```
#9a15a3 rgb(154,21,163)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#c41bd1
```
#c41bd1 rgb(196,27,209)
```
#d622e3
```
#d622e3 rgb(214,34,227)
```
#da39e5
```
#da39e5 rgb(218,57,229)
```

Monochromatic Color

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

#8718ba
```
#8718ba rgb(135,24,186)
```
#9418ba
```
#9418ba rgb(148,24,186)
```
#a218ba
```
#a218ba rgb(162,24,186)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#ba18b8
```
#ba18b8 rgb(186,24,184)
```
#ba18aa
```
#ba18aa rgb(186,24,170)
```
#ba189d
```
#ba189d rgb(186,24,157)
```

Similar Colors

Text with hexadecimal color #af18ba

This text has a font color of #af18ba.

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

#af18ba background color

This paragraph has a background color of #af18ba.

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

#af18ba border color

This element has a border color of #af18ba.

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

CSS codes

.text {color:#af18ba;}

.background {background-color:#af18ba;}

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

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

#0c020c
```
#0c020c rgb(12,2,12)
```
#1c041e
```
#1c041e rgb(28,4,30)
```
#2c062f
```
#2c062f rgb(44,6,47)
```
#3d0840
```
#3d0840 rgb(61,8,64)
```
#4d0b52
```
#4d0b52 rgb(77,11,82)
```
#5d0d63
```
#5d0d63 rgb(93,13,99)
```
#6e0f75
```
#6e0f75 rgb(110,15,117)
```
#7e1186
```
#7e1186 rgb(126,17,134)
```
#8e1497
```
#8e1497 rgb(142,20,151)
```
#9f16a9
```
#9f16a9 rgb(159,22,169)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#bf1acb
```
#bf1acb rgb(191,26,203)
```
#d01cdd
```
#d01cdd rgb(208,28,221)
```

Shade Color Variation

#d729e3
```
#d729e3 rgb(215,41,227)
```
#da3be6
```
#da3be6 rgb(218,59,230)
```
#dd4ce8
```
#dd4ce8 rgb(221,76,232)
```
#e15eea
```
#e15eea rgb(225,94,234)
```
#e46fec
```
#e46fec rgb(228,111,236)
```
#e780ef
```
#e780ef rgb(231,128,239)
```
#ea92f1
```
#ea92f1 rgb(234,146,241)
```
#eea3f3
```
#eea3f3 rgb(238,163,243)
```
#f1b4f5
```
#f1b4f5 rgb(241,180,245)
```
#f4c6f8
```
#f4c6f8 rgb(244,198,248)
```
#f8d7fa
```
#f8d7fa rgb(248,215,250)
```
#fbe9fc
```
#fbe9fc rgb(251,233,252)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#706171
```
#706171 rgb(112,97,113)
```
#775979
```
#775979 rgb(119,89,121)
```
#7e5181
```
#7e5181 rgb(126,81,129)
```
#85488a
```
#85488a rgb(133,72,138)
```
#8c4092
```
#8c4092 rgb(140,64,146)
```
#93389a
```
#93389a rgb(147,56,154)
```
#9a30a2
```
#9a30a2 rgb(154,48,162)
```
#a128aa
```
#a128aa rgb(161,40,170)
```
#a820b2
```
#a820b2 rgb(168,32,178)
```
#af18ba
```
#af18ba rgb(175,24,186)
```
#b610c2
```
#b610c2 rgb(182,16,194)
```
#bd08ca
```
#bd08ca rgb(189,8,202)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#426eac Deuteranopia 1% of men
#a6555a Tritanopia 0.001% of the population

Trichromacy

#3f4cc8 Protanomaly 1% of men, 0.01% of women
#694fb1 Deuteranomaly 6% of men, 0.4% of women
#a93e7d Tritanomaly 0.01% of the population