colorhexa.com

#af225b hex color

In a RGB color space, hex #af225b is composed of 68.6% red, 13.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 48% yellow and 31.4% black. It has a hue angle of 335.7 degrees, a saturation of 67.5% and a lightness of 41%. #af225b color hex could be obtained by blending #ff44b6 with #5f0000. Closest websafe color is: #993366.

- R 69
- G 13
- B 36
RGB color chart
- C 0
- M 81
- Y 48
- K 31
CMYK color chart

● #af225b color description : Dark pink.

The hexadecimal color #af225b has RGB values of R:175, G:34, B:91 and CMYK values of C:0, M:0.81, Y:0.48, K:0.31. Its decimal value is 11477595.

Hex triplet	af225b	`#af225b`
RGB Decimal	175, 34, 91	`rgb(175,34,91)`
RGB Percent	68.6, 13.3, 35.7	`rgb(68.6%,13.3%,35.7%)`
CMYK	0, 81, 48, 31
HSL	335.7°, 67.5, 41	`hsl(335.7,67.5%,41%)`
HSV (or HSB)	335.7°, 80.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	39.607, 58.405, 2.831
XYZ	20.14, 11.016, 10.963
xyY	0.478, 0.262, 11.016
CIE-LCH	39.607, 58.473, 2.775
CIE-LUV	39.607, 88.181, -7.265
Hunter-Lab	33.19, 50.236, 3.649
Binary	10101111, 00100010, 01011011

#af225b
```
#af225b rgb(175,34,91)
```
#22af76
```
#22af76 rgb(34,175,118)
```

Complementary Color

#af22a2
```
#af22a2 rgb(175,34,162)
```
#af225b
```
#af225b rgb(175,34,91)
```
#af3022
```
#af3022 rgb(175,48,34)
```

Analogous Color

#22a2af
```
#22a2af rgb(34,162,175)
```
#af225b
```
#af225b rgb(175,34,91)
```
#22af30
```
#22af30 rgb(34,175,48)
```

Split Complementary Color

#225baf
```
#225baf rgb(34,91,175)
```
#af225b
```
#af225b rgb(175,34,91)
```
#5baf22
```
#5baf22 rgb(91,175,34)
```

Triadic Color

#7622af
```
#7622af rgb(118,34,175)
```
#af225b
```
#af225b rgb(175,34,91)
```
#5baf22
```
#5baf22 rgb(91,175,34)
```
#22af76
```
#22af76 rgb(34,175,118)
```

Tetradic Color

#6f163a
```
#6f163a rgb(111,22,58)
```
#841a45
```
#841a45 rgb(132,26,69)
```
#9a1e50
```
#9a1e50 rgb(154,30,80)
```
#af225b
```
#af225b rgb(175,34,91)
```
#c42666
```
#c42666 rgb(196,38,102)
```
#d62e72
```
#d62e72 rgb(214,46,114)
```
#da4380
```
#da4380 rgb(218,67,128)
```

Monochromatic Color

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

#af227e
```
#af227e rgb(175,34,126)
```
#af2273
```
#af2273 rgb(175,34,115)
```
#af2267
```
#af2267 rgb(175,34,103)
```
#af225b
```
#af225b rgb(175,34,91)
```
#af224f
```
#af224f rgb(175,34,79)
```
#af2244
```
#af2244 rgb(175,34,68)
```
#af2238
```
#af2238 rgb(175,34,56)
```

Similar Colors

Text with hexadecimal color #af225b

This text has a font color of #af225b.

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

#af225b background color

This paragraph has a background color of #af225b.

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

#af225b border color

This element has a border color of #af225b.

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

CSS codes

.text {color:#af225b;}

.background {background-color:#af225b;}

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

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

#0b0206
```
#0b0206 rgb(11,2,6)
```
#1b050e
```
#1b050e rgb(27,5,14)
```
#2c0817
```
#2c0817 rgb(44,8,23)
```
#3c0c1f
```
#3c0c1f rgb(60,12,31)
```
#4c0f28
```
#4c0f28 rgb(76,15,40)
```
#5d1230
```
#5d1230 rgb(93,18,48)
```
#6d1539
```
#6d1539 rgb(109,21,57)
```
#7e1841
```
#7e1841 rgb(126,24,65)
```
#8e1c4a
```
#8e1c4a rgb(142,28,74)
```
#9f1f52
```
#9f1f52 rgb(159,31,82)
```
#af225b
```
#af225b rgb(175,34,91)
```
#bf2564
```
#bf2564 rgb(191,37,100)
```
#d0286c
```
#d0286c rgb(208,40,108)
```

Shade Color Variation

#d83476
```
#d83476 rgb(216,52,118)
```
#db4581
```
#db4581 rgb(219,69,129)
```
#de558c
```
#de558c rgb(222,85,140)
```
#e16698
```
#e16698 rgb(225,102,152)
```
#e476a3
```
#e476a3 rgb(228,118,163)
```
#e886ae
```
#e886ae rgb(232,134,174)
```
#eb97b9
```
#eb97b9 rgb(235,151,185)
```
#eea7c4
```
#eea7c4 rgb(238,167,196)
```
#f1b8cf
```
#f1b8cf rgb(241,184,207)
```
#f4c8da
```
#f4c8da rgb(244,200,218)
```
#f8d8e5
```
#f8d8e5 rgb(248,216,229)
```
#fbe9f0
```
#fbe9f0 rgb(251,233,240)
```
#fef9fb
```
#fef9fb rgb(254,249,251)
```

Tint Color Variation

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

#6f6267
```
#6f6267 rgb(111,98,103)
```
#775a66
```
#775a66 rgb(119,90,102)
```
#7f5264
```
#7f5264 rgb(127,82,100)
```
#874a63
```
#874a63 rgb(135,74,99)
```
#8f4261
```
#8f4261 rgb(143,66,97)
```
#973a60
```
#973a60 rgb(151,58,96)
```
#9f325e
```
#9f325e rgb(159,50,94)
```
#a72a5d
```
#a72a5d rgb(167,42,93)
```
#af225b
```
#af225b rgb(175,34,91)
```
#b71a59
```
#b71a59 rgb(183,26,89)
```
#bf1258
```
#bf1258 rgb(191,18,88)
```
#c70a56
```
#c70a56 rgb(199,10,86)
```
#cf0255
```
#cf0255 rgb(207,2,85)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e647e Protanopia 1% of men
#73625a Deuteranopia 1% of men
#b0383b Tritanopia 0.001% of the population

Trichromacy

#7c4c71 Protanomaly 1% of men, 0.01% of women
#894a5a Deuteranomaly 6% of men, 0.4% of women
#b03046 Tritanomaly 0.01% of the population