#af2314 hex color

In a RGB color space, hex #af2314 is composed of 68.6% red, 13.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 88.6% yellow and 31.4% black. It has a hue angle of 5.8 degrees, a saturation of 79.5% and a lightness of 38.2%. #af2314 color hex could be obtained by blending #ff4628 with #5f0000. Closest websafe color is: #993300.

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

● #af2314 color description : Dark red.

The hexadecimal color #af2314 has RGB values of R:175, G:35, B:20 and CMYK values of C:0, M:0.8, Y:0.89, K:0.31. Its decimal value is 11477780.

Hex triplet	af2314	`#af2314`
RGB Decimal	175, 35, 20	`rgb(175,35,20)`
RGB Percent	68.6, 13.7, 7.8	`rgb(68.6%,13.7%,7.8%)`
CMYK	0, 80, 89, 31
HSL	5.8°, 79.5, 38.2	`hsl(5.8,79.5%,38.2%)`
HSV (or HSB)	5.8°, 88.6, 68.6
Web Safe	993300	`#993300`

CIE-LAB	38.496, 54.384, 44.031
XYZ	18.407, 10.369, 1.694
xyY	0.604, 0.34, 10.369
CIE-LCH	38.496, 69.974, 38.995
CIE-LUV	38.496, 106.822, 26.493
Hunter-Lab	32.201, 45.688, 19.421
Binary	10101111, 00100011, 00010100

#af2314
```
#af2314 rgb(175,35,20)
```
#14a0af
```
#14a0af rgb(20,160,175)
```

Complementary Color

#af1452
```
#af1452 rgb(175,20,82)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#af7114
```
#af7114 rgb(175,113,20)
```

Analogous Color

#1452af
```
#1452af rgb(20,82,175)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#14af71
```
#14af71 rgb(20,175,113)
```

Split Complementary Color

#2314af
```
#2314af rgb(35,20,175)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#14af23
```
#14af23 rgb(20,175,35)
```

Triadic Color

#af14a0
```
#af14a0 rgb(175,20,160)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#14af23
```
#14af23 rgb(20,175,35)
```
#14a0af
```
#14a0af rgb(20,160,175)
```

Tetradic Color

#6a150c
```
#6a150c rgb(106,21,12)
```
#811a0f
```
#811a0f rgb(129,26,15)
```
#981e11
```
#981e11 rgb(152,30,17)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#c62817
```
#c62817 rgb(198,40,23)
```
#dd2c19
```
#dd2c19 rgb(221,44,25)
```
#e73b29
```
#e73b29 rgb(231,59,41)
```

Monochromatic Color

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

#af142c
```
#af142c rgb(175,20,44)
```
#af141f
```
#af141f rgb(175,20,31)
```
#af1614
```
#af1614 rgb(175,22,20)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#af3014
```
#af3014 rgb(175,48,20)
```
#af3d14
```
#af3d14 rgb(175,61,20)
```
#af4a14
```
#af4a14 rgb(175,74,20)
```

Similar Colors

Text with hexadecimal color #af2314

This text has a font color of #af2314.

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

#af2314 background color

This paragraph has a background color of #af2314.

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

#af2314 border color

This element has a border color of #af2314.

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

CSS codes

.text {color:#af2314;}

.background {background-color:#af2314;}

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

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, #110302 is the darkest color, while #fffefe is the lightest one.

#110302
```
#110302 rgb(17,3,2)
```
#220704
```
#220704 rgb(34,7,4)
```
#340a06
```
#340a06 rgb(52,10,6)
```
#450e08
```
#450e08 rgb(69,14,8)
```
#57110a
```
#57110a rgb(87,17,10)
```
#69150c
```
#69150c rgb(105,21,12)
```
#7a180e
```
#7a180e rgb(122,24,14)
```
#8c1c10
```
#8c1c10 rgb(140,28,16)
```
#9d1f12
```
#9d1f12 rgb(157,31,18)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#c12716
```
#c12716 rgb(193,39,22)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#e42e1a
```
#e42e1a rgb(228,46,26)
```

Shade Color Variation

#e73d2b
```
#e73d2b rgb(231,61,43)
```
#e94d3c
```
#e94d3c rgb(233,77,60)
```
#eb5d4e
```
#eb5d4e rgb(235,93,78)
```
#ed6d60
```
#ed6d60 rgb(237,109,96)
```
#ef7d71
```
#ef7d71 rgb(239,125,113)
```
#f18d83
```
#f18d83 rgb(241,141,131)
```
#f39d94
```
#f39d94 rgb(243,157,148)
```
#f5aea6
```
#f5aea6 rgb(245,174,166)
```
#f7beb8
```
#f7beb8 rgb(247,190,184)
```
#f9cec9
```
#f9cec9 rgb(249,206,201)
```
#fbdedb
```
#fbdedb rgb(251,222,219)
```
#fdeeec
```
#fdeeec rgb(253,238,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#645f5f
```
#645f5f rgb(100,95,95)
```
#6c5958
```
#6c5958 rgb(108,89,88)
```
#735350
```
#735350 rgb(115,83,80)
```
#7b4d49
```
#7b4d49 rgb(123,77,73)
```
#824741
```
#824741 rgb(130,71,65)
```
#8a413a
```
#8a413a rgb(138,65,58)
```
#913b32
```
#913b32 rgb(145,59,50)
```
#99352b
```
#99352b rgb(153,53,43)
```
#a02f23
```
#a02f23 rgb(160,47,35)
```
#a8291c
```
#a8291c rgb(168,41,28)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#b71d0d
```
#b71d0d rgb(183,29,13)
```
#be1705
```
#be1705 rgb(190,23,5)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f4340 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d632c Protanopia 1% of men
#7c5e05 Deuteranopia 1% of men
#b32c2d Tritanopia 0.001% of the population

Trichromacy

#854b23 Protanomaly 1% of men, 0.01% of women
#8e480b Deuteranomaly 6% of men, 0.4% of women
#b12924 Tritanomaly 0.01% of the population

#af2314 hex color

#af2314 Color Information

#af2314 Color Conversion

Color Schemes with #af2314

Alternatives to #af2314

#af2314 Preview

Shades and Tints of #af2314

Tones of #af2314

Color Blindness Simulator