#af0c2e hex color

In a RGB color space, hex #af0c2e is composed of 68.6% red, 4.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 347.5 degrees, a saturation of 87.2% and a lightness of 36.7%. #af0c2e color hex could be obtained by blending #ff185c with #5f0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 69
- G 5
- B 18
RGB color chart
- C 0
- M 93
- Y 74
- K 31
CMYK color chart

● #af0c2e color description : Dark red.

The hexadecimal color #af0c2e has RGB values of R:175, G:12, B:46 and CMYK values of C:0, M:0.93, Y:0.74, K:0.31. Its decimal value is 11471918.

Hex triplet	af0c2e	`#af0c2e`
RGB Decimal	175, 12, 46	`rgb(175,12,46)`
RGB Percent	68.6, 4.7, 18	`rgb(68.6%,4.7%,18%)`
CMYK	0, 93, 74, 31
HSL	347.5°, 87.2, 36.7	`hsl(347.5,87.2%,36.7%)`
HSV (or HSB)	347.5°, 93.1, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.071, 59.987, 28.097
XYZ	18.305, 9.577, 3.469
xyY	0.584, 0.305, 9.577
CIE-LCH	37.071, 66.241, 25.098
CIE-LUV	37.071, 109.379, 15.283
Hunter-Lab	30.946, 51.429, 15.015
Binary	10101111, 00001100, 00101110

#af0c2e
```
#af0c2e rgb(175,12,46)
```
#0caf8d
```
#0caf8d rgb(12,175,141)
```

Complementary Color

#af0c80
```
#af0c80 rgb(175,12,128)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#af3b0c
```
#af3b0c rgb(175,59,12)
```

Analogous Color

#0c80af
```
#0c80af rgb(12,128,175)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#0caf3b
```
#0caf3b rgb(12,175,59)
```

Split Complementary Color

#0c2eaf
```
#0c2eaf rgb(12,46,175)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#2eaf0c
```
#2eaf0c rgb(46,175,12)
```

Triadic Color

#8d0caf
```
#8d0caf rgb(141,12,175)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#2eaf0c
```
#2eaf0c rgb(46,175,12)
```
#0caf8d
```
#0caf8d rgb(12,175,141)
```

Tetradic Color

#67071b
```
#67071b rgb(103,7,27)
```
#7f0921
```
#7f0921 rgb(127,9,33)
```
#970a28
```
#970a28 rgb(151,10,40)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#c70e34
```
#c70e34 rgb(199,14,52)
```
#df0f3b
```
#df0f3b rgb(223,15,59)
```
#ef1845
```
#ef1845 rgb(239,24,69)
```

Monochromatic Color

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

#af0c57
```
#af0c57 rgb(175,12,87)
```
#af0c49
```
#af0c49 rgb(175,12,73)
```
#af0c3c
```
#af0c3c rgb(175,12,60)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#af0c20
```
#af0c20 rgb(175,12,32)
```
#af0c13
```
#af0c13 rgb(175,12,19)
```
#af130c
```
#af130c rgb(175,19,12)
```

Similar Colors

Text with hexadecimal color #af0c2e

This text has a font color of #af0c2e.

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

#af0c2e background color

This paragraph has a background color of #af0c2e.

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

#af0c2e border color

This element has a border color of #af0c2e.

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

CSS codes

.text {color:#af0c2e;}

.background {background-color:#af0c2e;}

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

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

#0a0103
```
#0a0103 rgb(10,1,3)
```
#1c0207
```
#1c0207 rgb(28,2,7)
```
#2f030c
```
#2f030c rgb(47,3,12)
```
#410411
```
#410411 rgb(65,4,17)
```
#530616
```
#530616 rgb(83,6,22)
```
#66071b
```
#66071b rgb(102,7,27)
```
#780820
```
#780820 rgb(120,8,32)
```
#8a0924
```
#8a0924 rgb(138,9,36)
```
#9d0b29
```
#9d0b29 rgb(157,11,41)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#c10d33
```
#c10d33 rgb(193,13,51)
```
#d40f38
```
#d40f38 rgb(212,15,56)
```
#e6103c
```
#e6103c rgb(230,16,60)
```

Shade Color Variation

#ef1a47
```
#ef1a47 rgb(239,26,71)
```
#f12d55
```
#f12d55 rgb(241,45,85)
```
#f23f64
```
#f23f64 rgb(242,63,100)
```
#f35173
```
#f35173 rgb(243,81,115)
```
#f46482
```
#f46482 rgb(244,100,130)
```
#f67691
```
#f67691 rgb(246,118,145)
```
#f7889f
```
#f7889f rgb(247,136,159)
```
#f89bae
```
#f89bae rgb(248,155,174)
```
#f9adbd
```
#f9adbd rgb(249,173,189)
```
#fbbfcc
```
#fbbfcc rgb(251,191,204)
```
#fcd2db
```
#fcd2db rgb(252,210,219)
```
#fde4e9
```
#fde4e9 rgb(253,228,233)
```
#fef6f8
```
#fef6f8 rgb(254,246,248)
```

Tint Color Variation

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

#605b5c
```
#605b5c rgb(96,91,92)
```
#675458
```
#675458 rgb(103,84,88)
```
#6e4d54
```
#6e4d54 rgb(110,77,84)
```
#754650
```
#754650 rgb(117,70,80)
```
#7d3e4b
```
#7d3e4b rgb(125,62,75)
```
#843747
```
#843747 rgb(132,55,71)
```
#8b3043
```
#8b3043 rgb(139,48,67)
```
#92293f
```
#92293f rgb(146,41,63)
```
#99223b
```
#99223b rgb(153,34,59)
```
#a11a36
```
#a11a36 rgb(161,26,54)
```
#a81332
```
#a81332 rgb(168,19,50)
```
#af0c2e
```
#af0c2e rgb(175,12,46)
```
#b6052a
```
#b6052a rgb(182,5,42)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#57363d Atypical Achromatopsia 0.001% of the population

Dichromacy

#655f4d Protanopia 1% of men
#755b2e Deuteranopia 1% of men
#b2201e Tritanopia 0.001% of the population

Trichromacy

#804141 Protanomaly 1% of men, 0.01% of women
#8a3e2e Deuteranomaly 6% of men, 0.4% of women
#b11823 Tritanomaly 0.01% of the population

#af0c2e hex color

#af0c2e Color Information

#af0c2e Color Conversion

Color Schemes with #af0c2e

Alternatives to #af0c2e

#af0c2e Preview

Shades and Tints of #af0c2e

Tones of #af0c2e

Color Blindness Simulator