#af0a36 hex color

In a RGB color space, hex #af0a36 is composed of 68.6% red, 3.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.3% magenta, 69.1% yellow and 31.4% black. It has a hue angle of 344 degrees, a saturation of 89.2% and a lightness of 36.3%. #af0a36 color hex could be obtained by blending #ff146c with #5f0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 69
- G 4
- B 21
RGB color chart
- C 0
- M 94
- Y 69
- K 31
CMYK color chart

● #af0a36 color description : Dark pink.

The hexadecimal color #af0a36 has RGB values of R:175, G:10, B:54 and CMYK values of C:0, M:0.94, Y:0.69, K:0.31. Its decimal value is 11471414.

Hex triplet	af0a36	`#af0a36`
RGB Decimal	175, 10, 54	`rgb(175,10,54)`
RGB Percent	68.6, 3.9, 21.2	`rgb(68.6%,3.9%,21.2%)`
CMYK	0, 94, 69, 31
HSL	344°, 89.2, 36.3	`hsl(344,89.2%,36.3%)`
HSV (or HSB)	344°, 94.3, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.114, 60.588, 23.095
XYZ	18.454, 9.6, 4.371
xyY	0.569, 0.296, 9.6
CIE-LCH	37.114, 64.84, 20.866
CIE-LUV	37.114, 107.412, 11.473
Hunter-Lab	30.983, 52.098, 13.324
Binary	10101111, 00001010, 00110110

#af0a36
```
#af0a36 rgb(175,10,54)
```
#0aaf83
```
#0aaf83 rgb(10,175,131)
```

Complementary Color

#af0a89
```
#af0a89 rgb(175,10,137)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#af310a
```
#af310a rgb(175,49,10)
```

Analogous Color

#0a89af
```
#0a89af rgb(10,137,175)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#0aaf31
```
#0aaf31 rgb(10,175,49)
```

Split Complementary Color

#0a36af
```
#0a36af rgb(10,54,175)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#36af0a
```
#36af0a rgb(54,175,10)
```

Triadic Color

#830aaf
```
#830aaf rgb(131,10,175)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#36af0a
```
#36af0a rgb(54,175,10)
```
#0aaf83
```
#0aaf83 rgb(10,175,131)
```

Tetradic Color

#670620
```
#670620 rgb(103,6,32)
```
#7f0727
```
#7f0727 rgb(127,7,39)
```
#97092f
```
#97092f rgb(151,9,47)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#c70b3d
```
#c70b3d rgb(199,11,61)
```
#df0d45
```
#df0d45 rgb(223,13,69)
```
#f2144f
```
#f2144f rgb(242,20,79)
```

Monochromatic Color

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

#af0a5f
```
#af0a5f rgb(175,10,95)
```
#af0a52
```
#af0a52 rgb(175,10,82)
```
#af0a44
```
#af0a44 rgb(175,10,68)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#af0a28
```
#af0a28 rgb(175,10,40)
```
#af0a1b
```
#af0a1b rgb(175,10,27)
```
#af0a0d
```
#af0a0d rgb(175,10,13)
```

Similar Colors

Text with hexadecimal color #af0a36

This text has a font color of #af0a36.

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

#af0a36 background color

This paragraph has a background color of #af0a36.

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

#af0a36 border color

This element has a border color of #af0a36.

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

CSS codes

.text {color:#af0a36;}

.background {background-color:#af0a36;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1b0208
```
#1b0208 rgb(27,2,8)
```
#2d030e
```
#2d030e rgb(45,3,14)
```
#400414
```
#400414 rgb(64,4,20)
```
#520519
```
#520519 rgb(82,5,25)
```
#65061f
```
#65061f rgb(101,6,31)
```
#770725
```
#770725 rgb(119,7,37)
```
#8a082b
```
#8a082b rgb(138,8,43)
```
#9c0930
```
#9c0930 rgb(156,9,48)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#c20b3c
```
#c20b3c rgb(194,11,60)
```
#d40c41
```
#d40c41 rgb(212,12,65)
```
#e70d47
```
#e70d47 rgb(231,13,71)
```

Shade Color Variation

#f21650
```
#f21650 rgb(242,22,80)
```
#f3285e
```
#f3285e rgb(243,40,94)
```
#f43b6c
```
#f43b6c rgb(244,59,108)
```
#f54d7a
```
#f54d7a rgb(245,77,122)
```
#f66088
```
#f66088 rgb(246,96,136)
```
#f77396
```
#f77396 rgb(247,115,150)
```
#f885a4
```
#f885a4 rgb(248,133,164)
```
#f998b2
```
#f998b2 rgb(249,152,178)
```
#faaac0
```
#faaac0 rgb(250,170,192)
```
#fbbdcd
```
#fbbdcd rgb(251,189,205)
```
#fccfdb
```
#fccfdb rgb(252,207,219)
```
#fde2e9
```
#fde2e9 rgb(253,226,233)
```
#fef4f7
```
#fef4f7 rgb(254,244,247)
```

Tint Color Variation

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

#61585b
```
#61585b rgb(97,88,91)
```
#685157
```
#685157 rgb(104,81,87)
```
#6f4a54
```
#6f4a54 rgb(111,74,84)
```
#764351
```
#764351 rgb(118,67,81)
```
#7d3c4d
```
#7d3c4d rgb(125,60,77)
```
#84354a
```
#84354a rgb(132,53,74)
```
#8b2e47
```
#8b2e47 rgb(139,46,71)
```
#932643
```
#932643 rgb(147,38,67)
```
#9a1f40
```
#9a1f40 rgb(154,31,64)
```
#a1183d
```
#a1183d rgb(161,24,61)
```
#a81139
```
#a81139 rgb(168,17,57)
```
#af0a36
```
#af0a36 rgb(175,10,54)
```
#b60333
```
#b60333 rgb(182,3,51)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#56353e Atypical Achromatopsia 0.001% of the population

Dichromacy

#635f56 Protanopia 1% of men
#745b36 Deuteranopia 1% of men
#b2211f Tritanopia 0.001% of the population

Trichromacy

#7f404a Protanomaly 1% of men, 0.01% of women
#893e36 Deuteranomaly 6% of men, 0.4% of women
#b11827 Tritanomaly 0.01% of the population

#af0a36 hex color

#af0a36 Color Information

#af0a36 Color Conversion

Color Schemes with #af0a36

Alternatives to #af0a36

#af0a36 Preview

Shades and Tints of #af0a36

Tones of #af0a36

Color Blindness Simulator