#af3c2e hex color

In a RGB color space, hex #af3c2e is composed of 68.6% red, 23.5% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 6.5 degrees, a saturation of 58.4% and a lightness of 43.3%. #af3c2e color hex could be obtained by blending #ff785c with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 24
- B 18
RGB color chart
- C 0
- M 66
- Y 74
- K 31
CMYK color chart

● #af3c2e color description : Dark red.

The hexadecimal color #af3c2e has RGB values of R:175, G:60, B:46 and CMYK values of C:0, M:0.66, Y:0.74, K:0.31. Its decimal value is 11484206.

Hex triplet	af3c2e	`#af3c2e`
RGB Decimal	175, 60, 46	`rgb(175,60,46)`
RGB Percent	68.6, 23.5, 18	`rgb(68.6%,23.5%,18%)`
CMYK	0, 66, 74, 31
HSL	6.5°, 58.4, 43.3	`hsl(6.5,58.4%,43.3%)`
HSV (or HSB)	6.5°, 73.7, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.07, 46.045, 33.834
XYZ	19.789, 12.545, 3.964
xyY	0.545, 0.346, 12.545
CIE-LCH	42.07, 57.139, 36.308
CIE-LUV	42.07, 88.705, 24.723
Hunter-Lab	35.419, 37.747, 18.158
Binary	10101111, 00111100, 00101110

#af3c2e
```
#af3c2e rgb(175,60,46)
```
#2ea1af
```
#2ea1af rgb(46,161,175)
```

Complementary Color

#af2e61
```
#af2e61 rgb(175,46,97)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#af7d2e
```
#af7d2e rgb(175,125,46)
```

Analogous Color

#2e61af
```
#2e61af rgb(46,97,175)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#2eaf7d
```
#2eaf7d rgb(46,175,125)
```

Split Complementary Color

#3c2eaf
```
#3c2eaf rgb(60,46,175)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#2eaf3c
```
#2eaf3c rgb(46,175,60)
```

Triadic Color

#af2ea1
```
#af2ea1 rgb(175,46,161)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#2eaf3c
```
#2eaf3c rgb(46,175,60)
```
#2ea1af
```
#2ea1af rgb(46,161,175)
```

Tetradic Color

#72271e
```
#72271e rgb(114,39,30)
```
#872e23
```
#872e23 rgb(135,46,35)
```
#9b3529
```
#9b3529 rgb(155,53,41)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#c34333
```
#c34333 rgb(195,67,51)
```
#cd5243
```
#cd5243 rgb(205,82,67)
```
#d36457
```
#d36457 rgb(211,100,87)
```

Monochromatic Color

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

#af2e40
```
#af2e40 rgb(175,46,64)
```
#af2e36
```
#af2e36 rgb(175,46,54)
```
#af312e
```
#af312e rgb(175,49,46)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#af472e
```
#af472e rgb(175,71,46)
```
#af512e
```
#af512e rgb(175,81,46)
```
#af5c2e
```
#af5c2e rgb(175,92,46)
```

Similar Colors

Text with hexadecimal color #af3c2e

This text has a font color of #af3c2e.

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

#af3c2e background color

This paragraph has a background color of #af3c2e.

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

#af3c2e border color

This element has a border color of #af3c2e.

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

CSS codes

.text {color:#af3c2e;}

.background {background-color:#af3c2e;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140705
```
#140705 rgb(20,7,5)
```
#230c09
```
#230c09 rgb(35,12,9)
```
#33110d
```
#33110d rgb(51,17,13)
```
#421711
```
#421711 rgb(66,23,17)
```
#521c16
```
#521c16 rgb(82,28,22)
```
#61211a
```
#61211a rgb(97,33,26)
```
#71271e
```
#71271e rgb(113,39,30)
```
#802c22
```
#802c22 rgb(128,44,34)
```
#903126
```
#903126 rgb(144,49,38)
```
#9f372a
```
#9f372a rgb(159,55,42)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#bf4132
```
#bf4132 rgb(191,65,50)
```

Shade Color Variation

#cb4939
```
#cb4939 rgb(203,73,57)
```
#cf5749
```
#cf5749 rgb(207,87,73)
```
#d36658
```
#d36658 rgb(211,102,88)
```
#d77468
```
#d77468 rgb(215,116,104)
```
#db8277
```
#db8277 rgb(219,130,119)
```
#df9087
```
#df9087 rgb(223,144,135)
```
#e49f96
```
#e49f96 rgb(228,159,150)
```
#e8ada6
```
#e8ada6 rgb(232,173,166)
```
#ecbbb5
```
#ecbbb5 rgb(236,187,181)
```
#f0cac5
```
#f0cac5 rgb(240,202,197)
```
#f4d8d5
```
#f4d8d5 rgb(244,216,213)
```
#f8e6e4
```
#f8e6e4 rgb(248,230,228)
```
#fcf5f4
```
#fcf5f4 rgb(252,245,244)
```

Tint Color Variation

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

#746b6a
```
#746b6a rgb(116,107,106)
```
#7c6461
```
#7c6461 rgb(124,100,97)
```
#855d59
```
#855d59 rgb(133,93,89)
```
#8d5750
```
#8d5750 rgb(141,87,80)
```
#965048
```
#965048 rgb(150,80,72)
```
#9e493f
```
#9e493f rgb(158,73,63)
```
#a74337
```
#a74337 rgb(167,67,55)
```
#af3c2e
```
#af3c2e rgb(175,60,46)
```
#b83526
```
#b83526 rgb(184,53,38)
```
#c02f1d
```
#c02f1d rgb(192,47,29)
```
#c92815
```
#c92815 rgb(201,40,21)
```
#d1210c
```
#d1210c rgb(209,33,12)
```
#da1b03
```
#da1b03 rgb(218,27,3)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746b44 Protanopia 1% of men
#846630 Deuteranopia 1% of men
#b34447 Tritanopia 0.001% of the population

Trichromacy

#895a3c Protanomaly 1% of men, 0.01% of women
#93572f Deuteranomaly 6% of men, 0.4% of women
#b2413e Tritanomaly 0.01% of the population

#af3c2e hex color

#af3c2e Color Information

#af3c2e Color Conversion

Color Schemes with #af3c2e

Alternatives to #af3c2e

#af3c2e Preview

Shades and Tints of #af3c2e

Tones of #af3c2e

Color Blindness Simulator