#af3442 hex color

In a RGB color space, hex #af3442 is composed of 68.6% red, 20.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 62.3% yellow and 31.4% black. It has a hue angle of 353.2 degrees, a saturation of 54.2% and a lightness of 44.5%. #af3442 color hex could be obtained by blending #ff6884 with #5f0000. Closest websafe color is: #993333.

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

● #af3442 color description : Dark red.

The hexadecimal color #af3442 has RGB values of R:175, G:52, B:66 and CMYK values of C:0, M:0.7, Y:0.62, K:0.31. Its decimal value is 11482178.

Hex triplet	af3442	`#af3442`
RGB Decimal	175, 52, 66	`rgb(175,52,66)`
RGB Percent	68.6, 20.4, 25.9	`rgb(68.6%,20.4%,25.9%)`
CMYK	0, 70, 62, 31
HSL	353.2°, 54.2, 44.5	`hsl(353.2,54.2%,44.5%)`
HSV (or HSB)	353.2°, 70.3, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.161, 50.471, 20.726
XYZ	19.891, 11.965, 6.416
xyY	0.52, 0.313, 11.965
CIE-LCH	41.161, 54.561, 22.326
CIE-LUV	41.161, 88.88, 12.974
Hunter-Lab	34.591, 42.11, 13.216
Binary	10101111, 00110100, 01000010

#af3442
```
#af3442 rgb(175,52,66)
```
#34afa1
```
#34afa1 rgb(52,175,161)
```

Complementary Color

#af3480
```
#af3480 rgb(175,52,128)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#af6334
```
#af6334 rgb(175,99,52)
```

Analogous Color

#3480af
```
#3480af rgb(52,128,175)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#34af63
```
#34af63 rgb(52,175,99)
```

Split Complementary Color

#3442af
```
#3442af rgb(52,66,175)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#42af34
```
#42af34 rgb(66,175,52)
```

Triadic Color

#a134af
```
#a134af rgb(161,52,175)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#42af34
```
#42af34 rgb(66,175,52)
```
#34afa1
```
#34afa1 rgb(52,175,161)
```

Tetradic Color

#74222c
```
#74222c rgb(116,34,44)
```
#882833
```
#882833 rgb(136,40,51)
```
#9b2e3b
```
#9b2e3b rgb(155,46,59)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#c33a49
```
#c33a49 rgb(195,58,73)
```
#ca4c5a
```
#ca4c5a rgb(202,76,90)
```
#d0606d
```
#d0606d rgb(208,96,109)
```

Monochromatic Color

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

#af3461
```
#af3461 rgb(175,52,97)
```
#af3457
```
#af3457 rgb(175,52,87)
```
#af344c
```
#af344c rgb(175,52,76)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#af3438
```
#af3438 rgb(175,52,56)
```
#af3a34
```
#af3a34 rgb(175,58,52)
```
#af4534
```
#af4534 rgb(175,69,52)
```

Similar Colors

Text with hexadecimal color #af3442

This text has a font color of #af3442.

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

#af3442 background color

This paragraph has a background color of #af3442.

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

#af3442 border color

This element has a border color of #af3442.

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

CSS codes

.text {color:#af3442;}

.background {background-color:#af3442;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#180709
```
#180709 rgb(24,7,9)
```
#270c0f
```
#270c0f rgb(39,12,15)
```
#361014
```
#361014 rgb(54,16,20)
```
#45151a
```
#45151a rgb(69,21,26)
```
#541920
```
#541920 rgb(84,25,32)
```
#631e25
```
#631e25 rgb(99,30,37)
```
#73222b
```
#73222b rgb(115,34,43)
```
#822731
```
#822731 rgb(130,39,49)
```
#912b37
```
#912b37 rgb(145,43,55)
```
#a0303c
```
#a0303c rgb(160,48,60)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#be3848
```
#be3848 rgb(190,56,72)
```

Shade Color Variation

#c74352
```
#c74352 rgb(199,67,82)
```
#cc5260
```
#cc5260 rgb(204,82,96)
```
#d0616e
```
#d0616e rgb(208,97,110)
```
#d5707c
```
#d5707c rgb(213,112,124)
```
#d9808a
```
#d9808a rgb(217,128,138)
```
#de8f98
```
#de8f98 rgb(222,143,152)
```
#e29ea6
```
#e29ea6 rgb(226,158,166)
```
#e7adb3
```
#e7adb3 rgb(231,173,179)
```
#ebbcc1
```
#ebbcc1 rgb(235,188,193)
```
#f0cbcf
```
#f0cbcf rgb(240,203,207)
```
#f4dadd
```
#f4dadd rgb(244,218,221)
```
#f9e9eb
```
#f9e9eb rgb(249,233,235)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#727171
```
#727171 rgb(114,113,113)
```
#7b686a
```
#7b686a rgb(123,104,106)
```
#836064
```
#836064 rgb(131,96,100)
```
#8c575d
```
#8c575d rgb(140,87,93)
```
#954e56
```
#954e56 rgb(149,78,86)
```
#9e454f
```
#9e454f rgb(158,69,79)
```
#a63d49
```
#a63d49 rgb(166,61,73)
```
#af3442
```
#af3442 rgb(175,52,66)
```
#b82b3b
```
#b82b3b rgb(184,43,59)
```
#c02335
```
#c02335 rgb(192,35,53)
```
#c91a2e
```
#c91a2e rgb(201,26,46)
```
#d21127
```
#d21127 rgb(210,17,39)
```
#db0820
```
#db0820 rgb(219,8,32)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6b5255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e685c Protanopia 1% of men
#7e6443 Deuteranopia 1% of men
#b24043 Tritanopia 0.001% of the population

Trichromacy

#855552 Protanomaly 1% of men, 0.01% of women
#8f5343 Deuteranomaly 6% of men, 0.4% of women
#b13b42 Tritanomaly 0.01% of the population

#af3442 hex color

#af3442 Color Information

#af3442 Color Conversion

Color Schemes with #af3442

Alternatives to #af3442

#af3442 Preview

Shades and Tints of #af3442

Tones of #af3442

Color Blindness Simulator