#af0f37 hex color

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

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

● #af0f37 color description : Dark red.

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

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

CIE-LAB	37.36, 59.976, 22.766
XYZ	18.54, 9.734, 4.517
xyY	0.565, 0.297, 9.734
CIE-LCH	37.36, 64.152, 20.786
CIE-LUV	37.36, 106.157, 11.438
Hunter-Lab	31.199, 51.478, 13.256
Binary	10101111, 00001111, 00110111

#af0f37
```
#af0f37 rgb(175,15,55)
```
#0faf87
```
#0faf87 rgb(15,175,135)
```

Complementary Color

#af0f87
```
#af0f87 rgb(175,15,135)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#af370f
```
#af370f rgb(175,55,15)
```

Analogous Color

#0f87af
```
#0f87af rgb(15,135,175)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#0faf37
```
#0faf37 rgb(15,175,55)
```

Split Complementary Color

#0f37af
```
#0f37af rgb(15,55,175)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#37af0f
```
#37af0f rgb(55,175,15)
```

Triadic Color

#870faf
```
#870faf rgb(135,15,175)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#37af0f
```
#37af0f rgb(55,175,15)
```
#0faf87
```
#0faf87 rgb(15,175,135)
```

Tetradic Color

#690921
```
#690921 rgb(105,9,33)
```
#800b28
```
#800b28 rgb(128,11,40)
```
#980d30
```
#980d30 rgb(152,13,48)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#c6113e
```
#c6113e rgb(198,17,62)
```
#de1346
```
#de1346 rgb(222,19,70)
```
#ec1f52
```
#ec1f52 rgb(236,31,82)
```

Monochromatic Color

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

#af0f5f
```
#af0f5f rgb(175,15,95)
```
#af0f52
```
#af0f52 rgb(175,15,82)
```
#af0f44
```
#af0f44 rgb(175,15,68)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#af0f2a
```
#af0f2a rgb(175,15,42)
```
#af0f1c
```
#af0f1c rgb(175,15,28)
```
#af0f0f
```
#af0f0f rgb(175,15,15)
```

Similar Colors

Text with hexadecimal color #af0f37

This text has a font color of #af0f37.

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

#af0f37 background color

This paragraph has a background color of #af0f37.

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

#af0f37 border color

This element has a border color of #af0f37.

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

CSS codes

.text {color:#af0f37;}

.background {background-color:#af0f37;}

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

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)
```
#1e030a
```
#1e030a rgb(30,3,10)
```
#31040f
```
#31040f rgb(49,4,15)
```
#430615
```
#430615 rgb(67,6,21)
```
#55071b
```
#55071b rgb(85,7,27)
```
#670920
```
#670920 rgb(103,9,32)
```
#790a26
```
#790a26 rgb(121,10,38)
```
#8b0c2c
```
#8b0c2c rgb(139,12,44)
```
#9d0d31
```
#9d0d31 rgb(157,13,49)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#c1113d
```
#c1113d rgb(193,17,61)
```
#d31242
```
#d31242 rgb(211,18,66)
```
#e51448
```
#e51448 rgb(229,20,72)
```

Shade Color Variation

#ec2153
```
#ec2153 rgb(236,33,83)
```
#ed3361
```
#ed3361 rgb(237,51,97)
```
#ef456f
```
#ef456f rgb(239,69,111)
```
#f1577d
```
#f1577d rgb(241,87,125)
```
#f2698b
```
#f2698b rgb(242,105,139)
```
#f47b99
```
#f47b99 rgb(244,123,153)
```
#f58da7
```
#f58da7 rgb(245,141,167)
```
#f79fb5
```
#f79fb5 rgb(247,159,181)
```
#f8b1c3
```
#f8b1c3 rgb(248,177,195)
```
#fac3d1
```
#fac3d1 rgb(250,195,209)
```
#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, #66585c is the less saturated color, while #be0030 is the most saturated one.

#66585c
```
#66585c rgb(102,88,92)
```
#6d5158
```
#6d5158 rgb(109,81,88)
```
#754954
```
#754954 rgb(117,73,84)
```
#7c4251
```
#7c4251 rgb(124,66,81)
```
#833b4d
```
#833b4d rgb(131,59,77)
```
#8a3449
```
#8a3449 rgb(138,52,73)
```
#922c46
```
#922c46 rgb(146,44,70)
```
#992542
```
#992542 rgb(153,37,66)
```
#a01e3e
```
#a01e3e rgb(160,30,62)
```
#a8163b
```
#a8163b rgb(168,22,59)
```
#af0f37
```
#af0f37 rgb(175,15,55)
```
#b60833
```
#b60833 rgb(182,8,51)
```
#be0030
```
#be0030 rgb(190,0,48)
```

Tone Color Variation

Below, you can see how #af0f37 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
#593941 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646057 Protanopia 1% of men
#755c37 Deuteranopia 1% of men
#b22423 Tritanopia 0.001% of the population

Trichromacy

#7f424b Protanomaly 1% of men, 0.01% of women
#8a4037 Deuteranomaly 6% of men, 0.4% of women
#b11c2a Tritanomaly 0.01% of the population

#af0f37 hex color

#af0f37 Color Information

#af0f37 Color Conversion

Color Schemes with #af0f37

Alternatives to #af0f37

#af0f37 Preview

Shades and Tints of #af0f37

Tones of #af0f37

Color Blindness Simulator