#af0f36 hex color

In a RGB color space, hex #af0f36 is composed of 68.6% red, 5.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 69.1% yellow and 31.4% black. It has a hue angle of 345.4 degrees, a saturation of 84.2% and a lightness of 37.3%. #af0f36 color hex could be obtained by blending #ff1e6c with #5f0000. Closest websafe color is: #990033.

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

● #af0f36 color description : Dark red.

The hexadecimal color #af0f36 has RGB values of R:175, G:15, B:54 and CMYK values of C:0, M:0.91, Y:0.69, K:0.31. Its decimal value is 11472694.

Hex triplet	af0f36	`#af0f36`
RGB Decimal	175, 15, 54	`rgb(175,15,54)`
RGB Percent	68.6, 5.9, 21.2	`rgb(68.6%,5.9%,21.2%)`
CMYK	0, 91, 69, 31
HSL	345.4°, 84.2, 37.3	`hsl(345.4,84.2%,37.3%)`
HSV (or HSB)	345.4°, 91.4, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.343, 59.927, 23.381
XYZ	18.517, 9.724, 4.392
xyY	0.567, 0.298, 9.724
CIE-LCH	37.343, 64.327, 21.314
CIE-LUV	37.343, 106.464, 11.927
Hunter-Lab	31.184, 51.421, 13.478
Binary	10101111, 00001111, 00110110

#af0f36
```
#af0f36 rgb(175,15,54)
```
#0faf88
```
#0faf88 rgb(15,175,136)
```

Complementary Color

#af0f86
```
#af0f86 rgb(175,15,134)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#af380f
```
#af380f rgb(175,56,15)
```

Analogous Color

#0f86af
```
#0f86af rgb(15,134,175)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#0faf38
```
#0faf38 rgb(15,175,56)
```

Split Complementary Color

#0f36af
```
#0f36af rgb(15,54,175)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#36af0f
```
#36af0f rgb(54,175,15)
```

Triadic Color

#880faf
```
#880faf rgb(136,15,175)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#36af0f
```
#36af0f rgb(54,175,15)
```
#0faf88
```
#0faf88 rgb(15,175,136)
```

Tetradic Color

#690920
```
#690920 rgb(105,9,32)
```
#800b28
```
#800b28 rgb(128,11,40)
```
#980d2f
```
#980d2f rgb(152,13,47)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#c6113d
```
#c6113d rgb(198,17,61)
```
#de1344
```
#de1344 rgb(222,19,68)
```
#ec1f51
```
#ec1f51 rgb(236,31,81)
```

Monochromatic Color

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

#af0f5e
```
#af0f5e rgb(175,15,94)
```
#af0f51
```
#af0f51 rgb(175,15,81)
```
#af0f43
```
#af0f43 rgb(175,15,67)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#af0f29
```
#af0f29 rgb(175,15,41)
```
#af0f1b
```
#af0f1b rgb(175,15,27)
```
#af100f
```
#af100f rgb(175,16,15)
```

Similar Colors

Text with hexadecimal color #af0f36

This text has a font color of #af0f36.

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

#af0f36 background color

This paragraph has a background color of #af0f36.

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

#af0f36 border color

This element has a border color of #af0f36.

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

CSS codes

.text {color:#af0f36;}

.background {background-color:#af0f36;}

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

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

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1e0309
```
#1e0309 rgb(30,3,9)
```
#31040f
```
#31040f rgb(49,4,15)
```
#430615
```
#430615 rgb(67,6,21)
```
#55071a
```
#55071a rgb(85,7,26)
```
#670920
```
#670920 rgb(103,9,32)
```
#790a25
```
#790a25 rgb(121,10,37)
```
#8b0c2b
```
#8b0c2b rgb(139,12,43)
```
#9d0d30
```
#9d0d30 rgb(157,13,48)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#c1113c
```
#c1113c rgb(193,17,60)
```
#d31241
```
#d31241 rgb(211,18,65)
```
#e51447
```
#e51447 rgb(229,20,71)
```

Shade Color Variation

#ec2152
```
#ec2152 rgb(236,33,82)
```
#ed3360
```
#ed3360 rgb(237,51,96)
```
#ef456e
```
#ef456e rgb(239,69,110)
```
#f1577c
```
#f1577c rgb(241,87,124)
```
#f2698a
```
#f2698a rgb(242,105,138)
```
#f47b98
```
#f47b98 rgb(244,123,152)
```
#f58da6
```
#f58da6 rgb(245,141,166)
```
#f79fb4
```
#f79fb4 rgb(247,159,180)
```
#f8b1c2
```
#f8b1c2 rgb(248,177,194)
```
#fac3d0
```
#fac3d0 rgb(250,195,208)
```
#fbd5df
```
#fbd5df rgb(251,213,223)
```
#fde7ed
```
#fde7ed rgb(253,231,237)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#66585b
```
#66585b rgb(102,88,91)
```
#6d5158
```
#6d5158 rgb(109,81,88)
```
#754954
```
#754954 rgb(117,73,84)
```
#7c4250
```
#7c4250 rgb(124,66,80)
```
#833b4c
```
#833b4c rgb(131,59,76)
```
#8a3449
```
#8a3449 rgb(138,52,73)
```
#922c45
```
#922c45 rgb(146,44,69)
```
#992541
```
#992541 rgb(153,37,65)
```
#a01e3d
```
#a01e3d rgb(160,30,61)
```
#a8163a
```
#a8163a rgb(168,22,58)
```
#af0f36
```
#af0f36 rgb(175,15,54)
```
#b60832
```
#b60832 rgb(182,8,50)
```
#be002f
```
#be002f rgb(190,0,47)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#593940 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646056 Protanopia 1% of men
#755c36 Deuteranopia 1% of men
#b22423 Tritanopia 0.001% of the population

Trichromacy

#7f424a Protanomaly 1% of men, 0.01% of women
#8a4036 Deuteranomaly 6% of men, 0.4% of women
#b11c29 Tritanomaly 0.01% of the population

#af0f36 hex color

#af0f36 Color Information

#af0f36 Color Conversion

Color Schemes with #af0f36

Alternatives to #af0f36

#af0f36 Preview

Shades and Tints of #af0f36

Tones of #af0f36

Color Blindness Simulator