colorhexa.com

#af4138 hex color

In a RGB color space, hex #af4138 is composed of 68.6% red, 25.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 68% yellow and 31.4% black. It has a hue angle of 4.5 degrees, a saturation of 51.5% and a lightness of 45.3%. #af4138 color hex could be obtained by blending #ff8270 with #5f0000. Closest websafe color is: #993333.

- R 69
- G 25
- B 22
RGB color chart
- C 0
- M 63
- Y 68
- K 31
CMYK color chart

● #af4138 color description : Dark moderate red.

The hexadecimal color #af4138 has RGB values of R:175, G:65, B:56 and CMYK values of C:0, M:0.63, Y:0.68, K:0.31. Its decimal value is 11485496.

Hex triplet	af4138	`#af4138`
RGB Decimal	175, 65, 56	`rgb(175,65,56)`
RGB Percent	68.6, 25.5, 22	`rgb(68.6%,25.5%,22%)`
CMYK	0, 63, 68, 31
HSL	4.5°, 51.5, 45.3	`hsl(4.5,51.5%,45.3%)`
HSV (or HSB)	4.5°, 68, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.037, 44.329, 29.144
XYZ	20.284, 13.182, 5.217
xyY	0.524, 0.341, 13.182
CIE-LCH	43.037, 53.051, 33.323
CIE-LUV	43.037, 83.578, 22.037
Hunter-Lab	36.307, 36.186, 16.895
Binary	10101111, 01000001, 00111000

#af4138
```
#af4138 rgb(175,65,56)
```
#38a6af
```
#38a6af rgb(56,166,175)
```

Complementary Color

#af386b
```
#af386b rgb(175,56,107)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#af7d38
```
#af7d38 rgb(175,125,56)
```

Analogous Color

#386baf
```
#386baf rgb(56,107,175)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#38af7d
```
#38af7d rgb(56,175,125)
```

Split Complementary Color

#4138af
```
#4138af rgb(65,56,175)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#38af41
```
#38af41 rgb(56,175,65)
```

Triadic Color

#af38a6
```
#af38a6 rgb(175,56,166)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#38af41
```
#38af41 rgb(56,175,65)
```
#38a6af
```
#38a6af rgb(56,166,175)
```

Tetradic Color

#752b25
```
#752b25 rgb(117,43,37)
```
#88332c
```
#88332c rgb(136,51,44)
```
#9c3a32
```
#9c3a32 rgb(156,58,50)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#c2493f
```
#c2493f rgb(194,73,63)
```
#c85b52
```
#c85b52 rgb(200,91,82)
```
#ce6d66
```
#ce6d66 rgb(206,109,102)
```

Monochromatic Color

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

#af384d
```
#af384d rgb(175,56,77)
```
#af3843
```
#af3843 rgb(175,56,67)
```
#af3839
```
#af3839 rgb(175,56,57)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#af4b38
```
#af4b38 rgb(175,75,56)
```
#af5538
```
#af5538 rgb(175,85,56)
```
#af5f38
```
#af5f38 rgb(175,95,56)
```

Similar Colors

Text with hexadecimal color #af4138

This text has a font color of #af4138.

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

#af4138 background color

This paragraph has a background color of #af4138.

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

#af4138 border color

This element has a border color of #af4138.

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

CSS codes

.text {color:#af4138;}

.background {background-color:#af4138;}

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

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

#0c0404
```
#0c0404 rgb(12,4,4)
```
#1a0a08
```
#1a0a08 rgb(26,10,8)
```
#290f0d
```
#290f0d rgb(41,15,13)
```
#381512
```
#381512 rgb(56,21,18)
```
#471a17
```
#471a17 rgb(71,26,23)
```
#56201b
```
#56201b rgb(86,32,27)
```
#652520
```
#652520 rgb(101,37,32)
```
#742b25
```
#742b25 rgb(116,43,37)
```
#82302a
```
#82302a rgb(130,48,42)
```
#91362e
```
#91362e rgb(145,54,46)
```
#a03b33
```
#a03b33 rgb(160,59,51)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#be473d
```
#be473d rgb(190,71,61)
```

Shade Color Variation

#c55349
```
#c55349 rgb(197,83,73)
```
#ca6158
```
#ca6158 rgb(202,97,88)
```
#ce6f67
```
#ce6f67 rgb(206,111,103)
```
#d37d76
```
#d37d76 rgb(211,125,118)
```
#d88b85
```
#d88b85 rgb(216,139,133)
```
#dd9994
```
#dd9994 rgb(221,153,148)
```
#e1a7a3
```
#e1a7a3 rgb(225,167,163)
```
#e6b5b1
```
#e6b5b1 rgb(230,181,177)
```
#ebc3c0
```
#ebc3c0 rgb(235,195,192)
```
#f0d2cf
```
#f0d2cf rgb(240,210,207)
```
#f4e0de
```
#f4e0de rgb(244,224,222)
```
#f9eeed
```
#f9eeed rgb(249,238,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a6e6d
```
#7a6e6d rgb(122,110,109)
```
#836764
```
#836764 rgb(131,103,100)
```
#8b5f5c
```
#8b5f5c rgb(139,95,92)
```
#945853
```
#945853 rgb(148,88,83)
```
#9d504a
```
#9d504a rgb(157,80,74)
```
#a64941
```
#a64941 rgb(166,73,65)
```
#af4138
```
#af4138 rgb(175,65,56)
```
#b8392f
```
#b8392f rgb(184,57,47)
```
#c13226
```
#c13226 rgb(193,50,38)
```
#ca2a1d
```
#ca2a1d rgb(202,42,29)
```
#d32314
```
#d32314 rgb(211,35,20)
```
#db1b0c
```
#db1b0c rgb(219,27,12)
```
#e41403
```
#e41403 rgb(228,20,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d4e Protanopia 1% of men
#85683b Deuteranopia 1% of men
#b3494d Tritanopia 0.001% of the population

Trichromacy

#8a5d46 Protanomaly 1% of men, 0.01% of women
#945a3a Deuteranomaly 6% of men, 0.4% of women
#b14645 Tritanomaly 0.01% of the population