#af4d3f hex color

In a RGB color space, hex #af4d3f is composed of 68.6% red, 30.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 64% yellow and 31.4% black. It has a hue angle of 7.5 degrees, a saturation of 47.1% and a lightness of 46.7%. #af4d3f color hex could be obtained by blending #ff9a7e with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 30
- B 25
RGB color chart
- C 0
- M 56
- Y 64
- K 31
CMYK color chart

● #af4d3f color description : Dark moderate red.

The hexadecimal color #af4d3f has RGB values of R:175, G:77, B:63 and CMYK values of C:0, M:0.56, Y:0.64, K:0.31. Its decimal value is 11488575.

Hex triplet	af4d3f	`#af4d3f`
RGB Decimal	175, 77, 63	`rgb(175,77,63)`
RGB Percent	68.6, 30.2, 24.7	`rgb(68.6%,30.2%,24.7%)`
CMYK	0, 56, 64, 31
HSL	7.5°, 47.1, 46.7	`hsl(7.5,47.1%,46.7%)`
HSV (or HSB)	7.5°, 64, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.335, 39, 27.835
XYZ	21.231, 14.783, 6.438
xyY	0.5, 0.348, 14.783
CIE-LCH	45.335, 47.915, 35.516
CIE-LUV	45.335, 74.228, 22.935
Hunter-Lab	38.448, 31.283, 16.986
Binary	10101111, 01001101, 00111111

#af4d3f
```
#af4d3f rgb(175,77,63)
```
#3fa1af
```
#3fa1af rgb(63,161,175)
```

Complementary Color

#af3f69
```
#af3f69 rgb(175,63,105)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#af853f
```
#af853f rgb(175,133,63)
```

Analogous Color

#3f69af
```
#3f69af rgb(63,105,175)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#3faf85
```
#3faf85 rgb(63,175,133)
```

Split Complementary Color

#4d3faf
```
#4d3faf rgb(77,63,175)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#3faf4d
```
#3faf4d rgb(63,175,77)
```

Triadic Color

#af3fa1
```
#af3fa1 rgb(175,63,161)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#3faf4d
```
#3faf4d rgb(63,175,77)
```
#3fa1af
```
#3fa1af rgb(63,161,175)
```

Tetradic Color

#77342b
```
#77342b rgb(119,52,43)
```
#8a3d32
```
#8a3d32 rgb(138,61,50)
```
#9c4538
```
#9c4538 rgb(156,69,56)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#be584a
```
#be584a rgb(190,88,74)
```
#c56a5d
```
#c56a5d rgb(197,106,93)
```
#cb7b6f
```
#cb7b6f rgb(203,123,111)
```

Monochromatic Color

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

#af3f4d
```
#af3f4d rgb(175,63,77)
```
#af3f44
```
#af3f44 rgb(175,63,68)
```
#af443f
```
#af443f rgb(175,68,63)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#af563f
```
#af563f rgb(175,86,63)
```
#af603f
```
#af603f rgb(175,96,63)
```
#af693f
```
#af693f rgb(175,105,63)
```

Similar Colors

Text with hexadecimal color #af4d3f

This text has a font color of #af4d3f.

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

#af4d3f background color

This paragraph has a background color of #af4d3f.

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

#af4d3f border color

This element has a border color of #af4d3f.

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

CSS codes

.text {color:#af4d3f;}

.background {background-color:#af4d3f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100706
```
#100706 rgb(16,7,6)
```
#1f0e0b
```
#1f0e0b rgb(31,14,11)
```
#2d1410
```
#2d1410 rgb(45,20,16)
```
#3c1a15
```
#3c1a15 rgb(60,26,21)
```
#4a211b
```
#4a211b rgb(74,33,27)
```
#582720
```
#582720 rgb(88,39,32)
```
#672d25
```
#672d25 rgb(103,45,37)
```
#75342a
```
#75342a rgb(117,52,42)
```
#843a2f
```
#843a2f rgb(132,58,47)
```
#924035
```
#924035 rgb(146,64,53)
```
#a1473a
```
#a1473a rgb(161,71,58)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```

Shade Color Variation

#bc5445
```
#bc5445 rgb(188,84,69)
```
#c16254
```
#c16254 rgb(193,98,84)
```
#c76f62
```
#c76f62 rgb(199,111,98)
```
#cc7c71
```
#cc7c71 rgb(204,124,113)
```
#d1897f
```
#d1897f rgb(209,137,127)
```
#d6978e
```
#d6978e rgb(214,151,142)
```
#dba49c
```
#dba49c rgb(219,164,156)
```
#e1b1aa
```
#e1b1aa rgb(225,177,170)
```
#e6beb9
```
#e6beb9 rgb(230,190,185)
```
#ebccc7
```
#ebccc7 rgb(235,204,199)
```
#f0d9d6
```
#f0d9d6 rgb(240,217,214)
```
#f5e6e4
```
#f5e6e4 rgb(245,230,228)
```
#fbf4f3
```
#fbf4f3 rgb(251,244,243)
```

Tint Color Variation

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

#787676
```
#787676 rgb(120,118,118)
```
#816f6d
```
#816f6d rgb(129,111,109)
```
#8a6864
```
#8a6864 rgb(138,104,100)
```
#94625a
```
#94625a rgb(148,98,90)
```
#9d5b51
```
#9d5b51 rgb(157,91,81)
```
#a65448
```
#a65448 rgb(166,84,72)
```
#af4d3f
```
#af4d3f rgb(175,77,63)
```
#b84636
```
#b84636 rgb(184,70,54)
```
#c13f2d
```
#c13f2d rgb(193,63,45)
```
#ca3824
```
#ca3824 rgb(202,56,36)
```
#d4321a
```
#d4321a rgb(212,50,26)
```
#dd2b11
```
#dd2b11 rgb(221,43,17)
```
#e62408
```
#e62408 rgb(230,36,8)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#776361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7253 Protanopia 1% of men
#8b6e43 Deuteranopia 1% of men
#b45359 Tritanopia 0.001% of the population

Trichromacy

#8e654b Protanomaly 1% of men, 0.01% of women
#986241 Deuteranomaly 6% of men, 0.4% of women
#b2514f Tritanomaly 0.01% of the population

#af4d3f hex color

#af4d3f Color Information

#af4d3f Color Conversion

Color Schemes with #af4d3f

Alternatives to #af4d3f

#af4d3f Preview

Shades and Tints of #af4d3f

Tones of #af4d3f

Color Blindness Simulator