#af5345 hex color

In a RGB color space, hex #af5345 is composed of 68.6% red, 32.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 7.9 degrees, a saturation of 43.4% and a lightness of 47.8%. #af5345 color hex could be obtained by blending #ffa68a with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 33
- B 27
RGB color chart
- C 0
- M 53
- Y 61
- K 31
CMYK color chart

● #af5345 color description : Dark moderate red.

The hexadecimal color #af5345 has RGB values of R:175, G:83, B:69 and CMYK values of C:0, M:0.53, Y:0.61, K:0.31. Its decimal value is 11490117.

Hex triplet	af5345	`#af5345`
RGB Decimal	175, 83, 69	`rgb(175,83,69)`
RGB Percent	68.6, 32.5, 27.1	`rgb(68.6%,32.5%,27.1%)`
CMYK	0, 53, 61, 31
HSL	7.9°, 43.4, 47.8	`hsl(7.9,43.4%,47.8%)`
HSV (or HSB)	7.9°, 60.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.621, 36.365, 25.925
XYZ	21.847, 15.732, 7.516
xyY	0.484, 0.349, 15.732
CIE-LCH	46.621, 44.66, 35.485
CIE-LUV	46.621, 68.998, 22.218
Hunter-Lab	39.664, 28.909, 16.53
Binary	10101111, 01010011, 01000101

#af5345
```
#af5345 rgb(175,83,69)
```
#45a1af
```
#45a1af rgb(69,161,175)
```

Complementary Color

#af456c
```
#af456c rgb(175,69,108)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#af8845
```
#af8845 rgb(175,136,69)
```

Analogous Color

#456caf
```
#456caf rgb(69,108,175)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#45af88
```
#45af88 rgb(69,175,136)
```

Split Complementary Color

#5345af
```
#5345af rgb(83,69,175)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#45af53
```
#45af53 rgb(69,175,83)
```

Triadic Color

#af45a1
```
#af45a1 rgb(175,69,161)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#45af53
```
#45af53 rgb(69,175,83)
```
#45a1af
```
#45a1af rgb(69,161,175)
```

Tetradic Color

#78392f
```
#78392f rgb(120,57,47)
```
#8a4237
```
#8a4237 rgb(138,66,55)
```
#9d4a3e
```
#9d4a3e rgb(157,74,62)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#bb6053
```
#bb6053 rgb(187,96,83)
```
#c27165
```
#c27165 rgb(194,113,101)
```
#c98277
```
#c98277 rgb(201,130,119)
```

Monochromatic Color

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

#af4552
```
#af4552 rgb(175,69,82)
```
#af4549
```
#af4549 rgb(175,69,73)
```
#af4a45
```
#af4a45 rgb(175,74,69)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#af5c45
```
#af5c45 rgb(175,92,69)
```
#af6545
```
#af6545 rgb(175,101,69)
```
#af6e45
```
#af6e45 rgb(175,110,69)
```

Similar Colors

Text with hexadecimal color #af5345

This text has a font color of #af5345.

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

#af5345 background color

This paragraph has a background color of #af5345.

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

#af5345 border color

This element has a border color of #af5345.

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

CSS codes

.text {color:#af5345;}

.background {background-color:#af5345;}

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

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

#060302
```
#060302 rgb(6,3,2)
```
#140a08
```
#140a08 rgb(20,10,8)
```
#22100e
```
#22100e rgb(34,16,14)
```
#301713
```
#301713 rgb(48,23,19)
```
#3e1e19
```
#3e1e19 rgb(62,30,25)
```
#4d241e
```
#4d241e rgb(77,36,30)
```
#5b2b24
```
#5b2b24 rgb(91,43,36)
```
#693229
```
#693229 rgb(105,50,41)
```
#77382f
```
#77382f rgb(119,56,47)
```
#853f34
```
#853f34 rgb(133,63,52)
```
#93463a
```
#93463a rgb(147,70,58)
```
#a14c3f
```
#a14c3f rgb(161,76,63)
```
#af5345
```
#af5345 rgb(175,83,69)
```

Shade Color Variation

#b95c4e
```
#b95c4e rgb(185,92,78)
```
#bf695c
```
#bf695c rgb(191,105,92)
```
#c4766a
```
#c4766a rgb(196,118,106)
```
#ca8378
```
#ca8378 rgb(202,131,120)
```
#d09087
```
#d09087 rgb(208,144,135)
```
#d59d95
```
#d59d95 rgb(213,157,149)
```
#dbaaa3
```
#dbaaa3 rgb(219,170,163)
```
#e0b7b1
```
#e0b7b1 rgb(224,183,177)
```
#e6c4bf
```
#e6c4bf rgb(230,196,191)
```
#ebd1cd
```
#ebd1cd rgb(235,209,205)
```
#f1dedb
```
#f1dedb rgb(241,222,219)
```
#f6ebe9
```
#f6ebe9 rgb(246,235,233)
```
#fcf8f7
```
#fcf8f7 rgb(252,248,247)
```

Tint Color Variation

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

#807674
```
#807674 rgb(128,118,116)
```
#896f6b
```
#896f6b rgb(137,111,107)
```
#936861
```
#936861 rgb(147,104,97)
```
#9c6158
```
#9c6158 rgb(156,97,88)
```
#a65a4e
```
#a65a4e rgb(166,90,78)
```
#af5345
```
#af5345 rgb(175,83,69)
```
#b84c3c
```
#b84c3c rgb(184,76,60)
```
#c24532
```
#c24532 rgb(194,69,50)
```
#cb3e29
```
#cb3e29 rgb(203,62,41)
```
#d5371f
```
#d5371f rgb(213,55,31)
```
#de3016
```
#de3016 rgb(222,48,22)
```
#e72a0d
```
#e72a0d rgb(231,42,13)
```
#f12303
```
#f12303 rgb(241,35,3)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7558 Protanopia 1% of men
#8e7149 Deuteranopia 1% of men
#b4595f Tritanopia 0.001% of the population

Trichromacy

#906951 Protanomaly 1% of men, 0.01% of women
#9a6647 Deuteranomaly 6% of men, 0.4% of women
#b25755 Tritanomaly 0.01% of the population

#af5345 hex color

#af5345 Color Information

#af5345 Color Conversion

Color Schemes with #af5345

Alternatives to #af5345

#af5345 Preview

Shades and Tints of #af5345

Tones of #af5345

Color Blindness Simulator