colorhexa.com

#af2a0f hex color

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

- R 69
- G 16
- B 6
RGB color chart
- C 0
- M 76
- Y 91
- K 31
CMYK color chart

● #af2a0f color description : Dark red.

The hexadecimal color #af2a0f has RGB values of R:175, G:42, B:15 and CMYK values of C:0, M:0.76, Y:0.91, K:0.31. Its decimal value is 11479567.

Hex triplet	af2a0f	`#af2a0f`
RGB Decimal	175, 42, 15	`rgb(175,42,15)`
RGB Percent	68.6, 16.5, 5.9	`rgb(68.6%,16.5%,5.9%)`
CMYK	0, 76, 91, 31
HSL	10.1°, 84.2, 37.3	`hsl(10.1,84.2%,37.3%)`
HSV (or HSB)	10.1°, 91.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	39.253, 52.099, 46.701
XYZ	18.594, 10.807, 1.559
xyY	0.601, 0.349, 10.807
CIE-LCH	39.253, 69.966, 41.873
CIE-LUV	39.253, 103.791, 28.751
Hunter-Lab	32.874, 43.437, 20.2
Binary	10101111, 00101010, 00001111

#af2a0f
```
#af2a0f rgb(175,42,15)
```
#0f94af
```
#0f94af rgb(15,148,175)
```

Complementary Color

#af0f44
```
#af0f44 rgb(175,15,68)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#af7a0f
```
#af7a0f rgb(175,122,15)
```

Analogous Color

#0f44af
```
#0f44af rgb(15,68,175)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#0faf7a
```
#0faf7a rgb(15,175,122)
```

Split Complementary Color

#2a0faf
```
#2a0faf rgb(42,15,175)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#0faf2a
```
#0faf2a rgb(15,175,42)
```

Triadic Color

#af0f94
```
#af0f94 rgb(175,15,148)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#0faf2a
```
#0faf2a rgb(15,175,42)
```
#0f94af
```
#0f94af rgb(15,148,175)
```

Tetradic Color

#691909
```
#691909 rgb(105,25,9)
```
#801f0b
```
#801f0b rgb(128,31,11)
```
#98240d
```
#98240d rgb(152,36,13)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#c63011
```
#c63011 rgb(198,48,17)
```
#de3513
```
#de3513 rgb(222,53,19)
```
#ec411f
```
#ec411f rgb(236,65,31)
```

Monochromatic Color

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

#af0f1c
```
#af0f1c rgb(175,15,28)
```
#af0f0f
```
#af0f0f rgb(175,15,15)
```
#af1d0f
```
#af1d0f rgb(175,29,15)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#af370f
```
#af370f rgb(175,55,15)
```
#af450f
```
#af450f rgb(175,69,15)
```
#af520f
```
#af520f rgb(175,82,15)
```

Similar Colors

Text with hexadecimal color #af2a0f

This text has a font color of #af2a0f.

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

#af2a0f background color

This paragraph has a background color of #af2a0f.

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

#af2a0f border color

This element has a border color of #af2a0f.

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

CSS codes

.text {color:#af2a0f;}

.background {background-color:#af2a0f;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0703
```
#1e0703 rgb(30,7,3)
```
#310c04
```
#310c04 rgb(49,12,4)
```
#431006
```
#431006 rgb(67,16,6)
```
#551407
```
#551407 rgb(85,20,7)
```
#671909
```
#671909 rgb(103,25,9)
```
#791d0a
```
#791d0a rgb(121,29,10)
```
#8b210c
```
#8b210c rgb(139,33,12)
```
#9d260d
```
#9d260d rgb(157,38,13)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#c12e11
```
#c12e11 rgb(193,46,17)
```
#d33312
```
#d33312 rgb(211,51,18)
```
#e53714
```
#e53714 rgb(229,55,20)
```

Shade Color Variation

#ec4321
```
#ec4321 rgb(236,67,33)
```
#ed5233
```
#ed5233 rgb(237,82,51)
```
#ef6145
```
#ef6145 rgb(239,97,69)
```
#f17157
```
#f17157 rgb(241,113,87)
```
#f28069
```
#f28069 rgb(242,128,105)
```
#f48f7b
```
#f48f7b rgb(244,143,123)
```
#f59f8d
```
#f59f8d rgb(245,159,141)
```
#f7ae9f
```
#f7ae9f rgb(247,174,159)
```
#f8bdb1
```
#f8bdb1 rgb(248,189,177)
```
#faccc3
```
#faccc3 rgb(250,204,195)
```
#fbdcd5
```
#fbdcd5 rgb(251,220,213)
```
#fdebe7
```
#fdebe7 rgb(253,235,231)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#665a58
```
#665a58 rgb(102,90,88)
```
#6d5651
```
#6d5651 rgb(109,86,81)
```
#755149
```
#755149 rgb(117,81,73)
```
#7c4c42
```
#7c4c42 rgb(124,76,66)
```
#83473b
```
#83473b rgb(131,71,59)
```
#8a4234
```
#8a4234 rgb(138,66,52)
```
#923d2c
```
#923d2c rgb(146,61,44)
```
#993925
```
#993925 rgb(153,57,37)
```
#a0341e
```
#a0341e rgb(160,52,30)
```
#a82f16
```
#a82f16 rgb(168,47,22)
```
#af2a0f
```
#af2a0f rgb(175,42,15)
```
#b62508
```
#b62508 rgb(182,37,8)
```
#be2000
```
#be2000 rgb(190,32,0)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#624842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706526 Protanopia 1% of men
#7e6000 Deuteranopia 1% of men
#b33234 Tritanopia 0.001% of the population

Trichromacy

#874f1e Protanomaly 1% of men, 0.01% of women
#8f4c05 Deuteranomaly 6% of men, 0.4% of women
#b12f26 Tritanomaly 0.01% of the population