colorhexa.com

#af3b45 hex color

In a RGB color space, hex #af3b45 is composed of 68.6% red, 23.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 354.8 degrees, a saturation of 49.6% and a lightness of 45.9%. #af3b45 color hex could be obtained by blending #ff768a with #5f0000. Closest websafe color is: #993333.

- R 69
- G 23
- B 27
RGB color chart
- C 0
- M 66
- Y 61
- K 31
CMYK color chart

● #af3b45 color description : Dark moderate red.

The hexadecimal color #af3b45 has RGB values of R:175, G:59, B:69 and CMYK values of C:0, M:0.66, Y:0.61, K:0.31. Its decimal value is 11483973.

Hex triplet	af3b45	`#af3b45`
RGB Decimal	175, 59, 69	`rgb(175,59,69)`
RGB Percent	68.6, 23.1, 27.1	`rgb(68.6%,23.1%,27.1%)`
CMYK	0, 66, 61, 31
HSL	354.8°, 49.6, 45.9	`hsl(354.8,49.6%,45.9%)`
HSV (or HSB)	354.8°, 66.3, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.267, 47.811, 20.317
XYZ	20.318, 12.674, 7.006
xyY	0.508, 0.317, 12.674
CIE-LCH	42.267, 51.948, 23.023
CIE-LUV	42.267, 84.243, 13.462
Hunter-Lab	35.6, 39.575, 13.252
Binary	10101111, 00111011, 01000101

#af3b45
```
#af3b45 rgb(175,59,69)
```
#3bafa5
```
#3bafa5 rgb(59,175,165)
```

Complementary Color

#af3b7f
```
#af3b7f rgb(175,59,127)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#af6b3b
```
#af6b3b rgb(175,107,59)
```

Analogous Color

#3b7faf
```
#3b7faf rgb(59,127,175)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#3baf6b
```
#3baf6b rgb(59,175,107)
```

Split Complementary Color

#3b45af
```
#3b45af rgb(59,69,175)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#45af3b
```
#45af3b rgb(69,175,59)
```

Triadic Color

#a53baf
```
#a53baf rgb(165,59,175)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#45af3b
```
#45af3b rgb(69,175,59)
```
#3bafa5
```
#3bafa5 rgb(59,175,165)
```

Tetradic Color

#76282e
```
#76282e rgb(118,40,46)
```
#892e36
```
#892e36 rgb(137,46,54)
```
#9c353d
```
#9c353d rgb(156,53,61)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#c0444e
```
#c0444e rgb(192,68,78)
```
#c65760
```
#c65760 rgb(198,87,96)
```
#cd6a72
```
#cd6a72 rgb(205,106,114)
```

Monochromatic Color

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

#af3b62
```
#af3b62 rgb(175,59,98)
```
#af3b58
```
#af3b58 rgb(175,59,88)
```
#af3b4f
```
#af3b4f rgb(175,59,79)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#af3b3b
```
#af3b3b rgb(175,59,59)
```
#af443b
```
#af443b rgb(175,68,59)
```
#af4e3b
```
#af4e3b rgb(175,78,59)
```

Similar Colors

Text with hexadecimal color #af3b45

This text has a font color of #af3b45.

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

#af3b45 background color

This paragraph has a background color of #af3b45.

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

#af3b45 border color

This element has a border color of #af3b45.

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

CSS codes

.text {color:#af3b45;}

.background {background-color:#af3b45;}

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

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

#0e0505
```
#0e0505 rgb(14,5,5)
```
#1c0a0b
```
#1c0a0b rgb(28,10,11)
```
#2b0e11
```
#2b0e11 rgb(43,14,17)
```
#3a1317
```
#3a1317 rgb(58,19,23)
```
#48181d
```
#48181d rgb(72,24,29)
```
#571d22
```
#571d22 rgb(87,29,34)
```
#662228
```
#662228 rgb(102,34,40)
```
#74272e
```
#74272e rgb(116,39,46)
```
#832c34
```
#832c34 rgb(131,44,52)
```
#923139
```
#923139 rgb(146,49,57)
```
#a0363f
```
#a0363f rgb(160,54,63)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#be404b
```
#be404b rgb(190,64,75)
```

Shade Color Variation

#c34e58
```
#c34e58 rgb(195,78,88)
```
#c85d66
```
#c85d66 rgb(200,93,102)
```
#cd6b74
```
#cd6b74 rgb(205,107,116)
```
#d27a82
```
#d27a82 rgb(210,122,130)
```
#d7898f
```
#d7898f rgb(215,137,143)
```
#dc979d
```
#dc979d rgb(220,151,157)
```
#e1a6ab
```
#e1a6ab rgb(225,166,171)
```
#e6b5b9
```
#e6b5b9 rgb(230,181,185)
```
#ebc3c7
```
#ebc3c7 rgb(235,195,199)
```
#f0d2d5
```
#f0d2d5 rgb(240,210,213)
```
#f5e1e2
```
#f5e1e2 rgb(245,225,226)
```
#faeff0
```
#faeff0 rgb(250,239,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797172
```
#797172 rgb(121,113,114)
```
#82686a
```
#82686a rgb(130,104,106)
```
#8b5f63
```
#8b5f63 rgb(139,95,99)
```
#94565b
```
#94565b rgb(148,86,91)
```
#9d4d54
```
#9d4d54 rgb(157,77,84)
```
#a6444c
```
#a6444c rgb(166,68,76)
```
#af3b45
```
#af3b45 rgb(175,59,69)
```
#b8323e
```
#b8323e rgb(184,50,62)
```
#c12936
```
#c12936 rgb(193,41,54)
```
#ca202f
```
#ca202f rgb(202,32,47)
```
#d31727
```
#d31727 rgb(211,23,39)
```
#dc0e20
```
#dc0e20 rgb(220,14,32)
```
#e50518
```
#e50518 rgb(229,5,24)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6f585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b5d Protanopia 1% of men
#806747 Deuteranopia 1% of men
#b24649 Tritanopia 0.001% of the population

Trichromacy

#875954 Protanomaly 1% of men, 0.01% of women
#915746 Deuteranomaly 6% of men, 0.4% of women
#b14248 Tritanomaly 0.01% of the population