#af3842 hex color

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

♥
- f
- t
- g
- R 69
- G 22
- B 26
RGB color chart
- C 0
- M 68
- Y 62
- K 31
CMYK color chart

● #af3842 color description : Dark moderate red.

The hexadecimal color #af3842 has RGB values of R:175, G:56, B:66 and CMYK values of C:0, M:0.68, Y:0.62, K:0.31. Its decimal value is 11483202.

Hex triplet	af3842	`#af3842`
RGB Decimal	175, 56, 66	`rgb(175,56,66)`
RGB Percent	68.6, 22, 25.9	`rgb(68.6%,22%,25.9%)`
CMYK	0, 68, 62, 31
HSL	355°, 51.5, 45.3	`hsl(355,51.5%,45.3%)`
HSV (or HSB)	355°, 68, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.748, 48.865, 21.488
XYZ	20.077, 12.338, 6.478
xyY	0.516, 0.317, 12.338
CIE-LCH	41.748, 53.381, 23.737
CIE-LUV	41.748, 86.707, 14.166
Hunter-Lab	35.125, 40.561, 13.653
Binary	10101111, 00111000, 01000010

#af3842
```
#af3842 rgb(175,56,66)
```
#38afa5
```
#38afa5 rgb(56,175,165)
```

Complementary Color

#af387e
```
#af387e rgb(175,56,126)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#af6a38
```
#af6a38 rgb(175,106,56)
```

Analogous Color

#387eaf
```
#387eaf rgb(56,126,175)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#38af6a
```
#38af6a rgb(56,175,106)
```

Split Complementary Color

#3842af
```
#3842af rgb(56,66,175)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#42af38
```
#42af38 rgb(66,175,56)
```

Triadic Color

#a538af
```
#a538af rgb(165,56,175)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#42af38
```
#42af38 rgb(66,175,56)
```
#38afa5
```
#38afa5 rgb(56,175,165)
```

Tetradic Color

#75252c
```
#75252c rgb(117,37,44)
```
#882c33
```
#882c33 rgb(136,44,51)
```
#9c323b
```
#9c323b rgb(156,50,59)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#c23f4a
```
#c23f4a rgb(194,63,74)
```
#c8525c
```
#c8525c rgb(200,82,92)
```
#ce666e
```
#ce666e rgb(206,102,110)
```

Monochromatic Color

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

#af3860
```
#af3860 rgb(175,56,96)
```
#af3856
```
#af3856 rgb(175,56,86)
```
#af384c
```
#af384c rgb(175,56,76)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#af3838
```
#af3838 rgb(175,56,56)
```
#af4238
```
#af4238 rgb(175,66,56)
```
#af4c38
```
#af4c38 rgb(175,76,56)
```

Similar Colors

Text with hexadecimal color #af3842

This text has a font color of #af3842.

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

#af3842 background color

This paragraph has a background color of #af3842.

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

#af3842 border color

This element has a border color of #af3842.

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

CSS codes

.text {color:#af3842;}

.background {background-color:#af3842;}

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

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)
```
#1a080a
```
#1a080a rgb(26,8,10)
```
#290d10
```
#290d10 rgb(41,13,16)
```
#381215
```
#381215 rgb(56,18,21)
```
#47171b
```
#47171b rgb(71,23,27)
```
#561b20
```
#561b20 rgb(86,27,32)
```
#652026
```
#652026 rgb(101,32,38)
```
#74252c
```
#74252c rgb(116,37,44)
```
#822a31
```
#822a31 rgb(130,42,49)
```
#912e37
```
#912e37 rgb(145,46,55)
```
#a0333c
```
#a0333c rgb(160,51,60)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#be3d48
```
#be3d48 rgb(190,61,72)
```

Shade Color Variation

#c54954
```
#c54954 rgb(197,73,84)
```
#ca5862
```
#ca5862 rgb(202,88,98)
```
#ce6770
```
#ce6770 rgb(206,103,112)
```
#d3767e
```
#d3767e rgb(211,118,126)
```
#d8858c
```
#d8858c rgb(216,133,140)
```
#dd949a
```
#dd949a rgb(221,148,154)
```
#e1a3a8
```
#e1a3a8 rgb(225,163,168)
```
#e6b1b6
```
#e6b1b6 rgb(230,177,182)
```
#ebc0c4
```
#ebc0c4 rgb(235,192,196)
```
#f0cfd2
```
#f0cfd2 rgb(240,207,210)
```
#f4dee0
```
#f4dee0 rgb(244,222,224)
```
#f9edee
```
#f9edee rgb(249,237,238)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a6d6e
```
#7a6d6e rgb(122,109,110)
```
#836467
```
#836467 rgb(131,100,103)
```
#8b5c60
```
#8b5c60 rgb(139,92,96)
```
#945358
```
#945358 rgb(148,83,88)
```
#9d4a51
```
#9d4a51 rgb(157,74,81)
```
#a64149
```
#a64149 rgb(166,65,73)
```
#af3842
```
#af3842 rgb(175,56,66)
```
#b82f3b
```
#b82f3b rgb(184,47,59)
```
#c12633
```
#c12633 rgb(193,38,51)
```
#ca1d2c
```
#ca1d2c rgb(202,29,44)
```
#d31424
```
#d31424 rgb(211,20,36)
```
#db0c1d
```
#db0c1d rgb(219,12,29)
```
#e40316
```
#e40316 rgb(228,3,22)
```

Tone Color Variation

Below, you can see how #af3842 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
#6d5658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706a5b Protanopia 1% of men
#806644 Deuteranopia 1% of men
#b24346 Tritanopia 0.001% of the population

Trichromacy

#865852 Protanomaly 1% of men, 0.01% of women
#915543 Deuteranomaly 6% of men, 0.4% of women
#b13f45 Tritanomaly 0.01% of the population

#af3842 hex color

#af3842 Color Information

#af3842 Color Conversion

Color Schemes with #af3842

Alternatives to #af3842

#af3842 Preview

Shades and Tints of #af3842

Tones of #af3842

Color Blindness Simulator