#af2424 hex color

In a RGB color space, hex #af2424 is composed of 68.6% red, 14.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 0 degrees, a saturation of 65.9% and a lightness of 41.4%. #af2424 color hex could be obtained by blending #ff4848 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 14
- B 14
RGB color chart
- C 0
- M 79
- Y 79
- K 31
CMYK color chart

● #af2424 color description : Dark red.

The hexadecimal color #af2424 has RGB values of R:175, G:36, B:36 and CMYK values of C:0, M:0.79, Y:0.79, K:0.31. Its decimal value is 11478052.

Hex triplet	af2424	`#af2424`
RGB Decimal	175, 36, 36	`rgb(175,36,36)`
RGB Percent	68.6, 14.1, 14.1	`rgb(68.6%,14.1%,14.1%)`
CMYK	0, 79, 79, 31
HSL	0°, 65.9, 41.4	`hsl(0,65.9%,41.4%)`
HSV (or HSB)	0°, 79.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	38.735, 54.515, 35.935
XYZ	18.629, 10.505, 2.716
xyY	0.585, 0.33, 10.505
CIE-LCH	38.735, 65.293, 33.391
CIE-LUV	38.735, 103.914, 22.417
Hunter-Lab	32.412, 45.875, 17.72
Binary	10101111, 00100100, 00100100

#af2424
```
#af2424 rgb(175,36,36)
```
#24afaf
```
#24afaf rgb(36,175,175)
```

Complementary Color

#af246a
```
#af246a rgb(175,36,106)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#af6a24
```
#af6a24 rgb(175,106,36)
```

Analogous Color

#246aaf
```
#246aaf rgb(36,106,175)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#24af6a
```
#24af6a rgb(36,175,106)
```

Split Complementary Color

#2424af
```
#2424af rgb(36,36,175)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#24af24
```
#24af24 rgb(36,175,36)
```

Triadic Color

#af24af
```
#af24af rgb(175,36,175)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#24af24
```
#24af24 rgb(36,175,36)
```
#24afaf
```
#24afaf rgb(36,175,175)
```

Tetradic Color

#701717
```
#701717 rgb(112,23,23)
```
#851b1b
```
#851b1b rgb(133,27,27)
```
#9a2020
```
#9a2020 rgb(154,32,32)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#c42828
```
#c42828 rgb(196,40,40)
```
#d53131
```
#d53131 rgb(213,49,49)
```
#d94646
```
#d94646 rgb(217,70,70)
```

Monochromatic Color

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

#af2447
```
#af2447 rgb(175,36,71)
```
#af243b
```
#af243b rgb(175,36,59)
```
#af2430
```
#af2430 rgb(175,36,48)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#af3024
```
#af3024 rgb(175,48,36)
```
#af3b24
```
#af3b24 rgb(175,59,36)
```
#af4724
```
#af4724 rgb(175,71,36)
```

Similar Colors

Text with hexadecimal color #af2424

This text has a font color of #af2424.

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

#af2424 background color

This paragraph has a background color of #af2424.

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

#af2424 border color

This element has a border color of #af2424.

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

CSS codes

.text {color:#af2424;}

.background {background-color:#af2424;}

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

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

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1d0606
```
#1d0606 rgb(29,6,6)
```
#2d0909
```
#2d0909 rgb(45,9,9)
```
#3d0d0d
```
#3d0d0d rgb(61,13,13)
```
#4d1010
```
#4d1010 rgb(77,16,16)
```
#5e1313
```
#5e1313 rgb(94,19,19)
```
#6e1717
```
#6e1717 rgb(110,23,23)
```
#7e1a1a
```
#7e1a1a rgb(126,26,26)
```
#8e1d1d
```
#8e1d1d rgb(142,29,29)
```
#9f2121
```
#9f2121 rgb(159,33,33)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#bf2727
```
#bf2727 rgb(191,39,39)
```
#d02b2b
```
#d02b2b rgb(208,43,43)
```

Shade Color Variation

#d63838
```
#d63838 rgb(214,56,56)
```
#d94848
```
#d94848 rgb(217,72,72)
```
#dd5858
```
#dd5858 rgb(221,88,88)
```
#e06969
```
#e06969 rgb(224,105,105)
```
#e37979
```
#e37979 rgb(227,121,121)
```
#e78989
```
#e78989 rgb(231,137,137)
```
#ea9999
```
#ea9999 rgb(234,153,153)
```
#edaaaa
```
#edaaaa rgb(237,170,170)
```
#f1baba
```
#f1baba rgb(241,186,186)
```
#f4caca
```
#f4caca rgb(244,202,202)
```
#f7dbdb
```
#f7dbdb rgb(247,219,219)
```
#fbebeb
```
#fbebeb rgb(251,235,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#6e6565
```
#6e6565 rgb(110,101,101)
```
#765d5d
```
#765d5d rgb(118,93,93)
```
#7e5555
```
#7e5555 rgb(126,85,85)
```
#864d4d
```
#864d4d rgb(134,77,77)
```
#8f4444
```
#8f4444 rgb(143,68,68)
```
#973c3c
```
#973c3c rgb(151,60,60)
```
#9f3434
```
#9f3434 rgb(159,52,52)
```
#a72c2c
```
#a72c2c rgb(167,44,44)
```
#af2424
```
#af2424 rgb(175,36,36)
```
#b71c1c
```
#b71c1c rgb(183,28,28)
```
#bf1414
```
#bf1414 rgb(191,20,20)
```
#c70c0c
```
#c70c0c rgb(199,12,12)
```
#cf0404
```
#cf0404 rgb(207,4,4)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#614646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c633d Protanopia 1% of men
#7b5f24 Deuteranopia 1% of men
#b32f30 Tritanopia 0.001% of the population

Trichromacy

#844c34 Protanomaly 1% of men, 0.01% of women
#8e4924 Deuteranomaly 6% of men, 0.4% of women
#b12b2b Tritanomaly 0.01% of the population

#af2424 hex color

#af2424 Color Information

#af2424 Color Conversion

Color Schemes with #af2424

Alternatives to #af2424

#af2424 Preview

Shades and Tints of #af2424

Tones of #af2424

Color Blindness Simulator