#af2f0c hex color

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

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

● #af2f0c color description : Dark red.

The hexadecimal color #af2f0c has RGB values of R:175, G:47, B:12 and CMYK values of C:0, M:0.73, Y:0.93, K:0.31. Its decimal value is 11480844.

Hex triplet	af2f0c	`#af2f0c`
RGB Decimal	175, 47, 12	`rgb(175,47,12)`
RGB Percent	68.6, 18.4, 4.7	`rgb(68.6%,18.4%,4.7%)`
CMYK	0, 73, 93, 31
HSL	12.9°, 87.2, 36.7	`hsl(12.9,87.2%,36.7%)`
HSV (or HSB)	12.9°, 93.1, 68.6
Web Safe	993300	`#993300`

CIE-LAB	39.875, 50.292, 48.211
XYZ	18.763, 11.176, 1.517
xyY	0.596, 0.355, 11.176
CIE-LCH	39.875, 69.668, 43.789
CIE-LUV	39.875, 101.189, 30.277
Hunter-Lab	33.43, 41.682, 20.711
Binary	10101111, 00101111, 00001100

#af2f0c
```
#af2f0c rgb(175,47,12)
```
#0c8caf
```
#0c8caf rgb(12,140,175)
```

Complementary Color

#af0c3a
```
#af0c3a rgb(175,12,58)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#af810c
```
#af810c rgb(175,129,12)
```

Analogous Color

#0c3aaf
```
#0c3aaf rgb(12,58,175)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#0caf81
```
#0caf81 rgb(12,175,129)
```

Split Complementary Color

#2f0caf
```
#2f0caf rgb(47,12,175)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#0caf2f
```
#0caf2f rgb(12,175,47)
```

Triadic Color

#af0c8c
```
#af0c8c rgb(175,12,140)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#0caf2f
```
#0caf2f rgb(12,175,47)
```
#0c8caf
```
#0c8caf rgb(12,140,175)
```

Tetradic Color

#671c07
```
#671c07 rgb(103,28,7)
```
#7f2209
```
#7f2209 rgb(127,34,9)
```
#97290a
```
#97290a rgb(151,41,10)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#c7350e
```
#c7350e rgb(199,53,14)
```
#df3c0f
```
#df3c0f rgb(223,60,15)
```
#ef4618
```
#ef4618 rgb(239,70,24)
```

Monochromatic Color

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

#af0c12
```
#af0c12 rgb(175,12,18)
```
#af140c
```
#af140c rgb(175,20,12)
```
#af210c
```
#af210c rgb(175,33,12)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#af3d0c
```
#af3d0c rgb(175,61,12)
```
#af4a0c
```
#af4a0c rgb(175,74,12)
```
#af580c
```
#af580c rgb(175,88,12)
```

Similar Colors

Text with hexadecimal color #af2f0c

This text has a font color of #af2f0c.

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

#af2f0c background color

This paragraph has a background color of #af2f0c.

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

#af2f0c border color

This element has a border color of #af2f0c.

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

CSS codes

.text {color:#af2f0c;}

.background {background-color:#af2f0c;}

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

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

#0a0301
```
#0a0301 rgb(10,3,1)
```
#1c0802
```
#1c0802 rgb(28,8,2)
```
#2f0c03
```
#2f0c03 rgb(47,12,3)
```
#411104
```
#411104 rgb(65,17,4)
```
#531606
```
#531606 rgb(83,22,6)
```
#661b07
```
#661b07 rgb(102,27,7)
```
#782008
```
#782008 rgb(120,32,8)
```
#8a2509
```
#8a2509 rgb(138,37,9)
```
#9d2a0b
```
#9d2a0b rgb(157,42,11)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#c1340d
```
#c1340d rgb(193,52,13)
```
#d4390f
```
#d4390f rgb(212,57,15)
```
#e63e10
```
#e63e10 rgb(230,62,16)
```

Shade Color Variation

#ef481a
```
#ef481a rgb(239,72,26)
```
#f1572d
```
#f1572d rgb(241,87,45)
```
#f2653f
```
#f2653f rgb(242,101,63)
```
#f37451
```
#f37451 rgb(243,116,81)
```
#f48364
```
#f48364 rgb(244,131,100)
```
#f69176
```
#f69176 rgb(246,145,118)
```
#f7a088
```
#f7a088 rgb(247,160,136)
```
#f8af9b
```
#f8af9b rgb(248,175,155)
```
#f9bdad
```
#f9bdad rgb(249,189,173)
```
#fbccbf
```
#fbccbf rgb(251,204,191)
```
#fcdbd2
```
#fcdbd2 rgb(252,219,210)
```
#fde9e4
```
#fde9e4 rgb(253,233,228)
```
#fef8f6
```
#fef8f6 rgb(254,248,246)
```

Tint Color Variation

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

#605c5b
```
#605c5b rgb(96,92,91)
```
#675854
```
#675854 rgb(103,88,84)
```
#6e544d
```
#6e544d rgb(110,84,77)
```
#755046
```
#755046 rgb(117,80,70)
```
#7d4c3e
```
#7d4c3e rgb(125,76,62)
```
#844837
```
#844837 rgb(132,72,55)
```
#8b4430
```
#8b4430 rgb(139,68,48)
```
#923f29
```
#923f29 rgb(146,63,41)
```
#993b22
```
#993b22 rgb(153,59,34)
```
#a1371a
```
#a1371a rgb(161,55,26)
```
#a83313
```
#a83313 rgb(168,51,19)
```
#af2f0c
```
#af2f0c rgb(175,47,12)
```
#b62b05
```
#b62b05 rgb(182,43,5)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644a43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726623 Protanopia 1% of men
#7f6100 Deuteranopia 1% of men
#b33638 Tritanopia 0.001% of the population

Trichromacy

#88521a Protanomaly 1% of men, 0.01% of women
#914f04 Deuteranomaly 6% of men, 0.4% of women
#b23328 Tritanomaly 0.01% of the population

#af2f0c hex color

#af2f0c Color Information

#af2f0c Color Conversion

Color Schemes with #af2f0c

Alternatives to #af2f0c

#af2f0c Preview

Shades and Tints of #af2f0c

Tones of #af2f0c

Color Blindness Simulator