colorhexa.com

#af345f hex color

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

- R 69
- G 20
- B 37
RGB color chart
- C 0
- M 70
- Y 46
- K 31
CMYK color chart

● #af345f color description : Dark pink.

The hexadecimal color #af345f has RGB values of R:175, G:52, B:95 and CMYK values of C:0, M:0.7, Y:0.46, K:0.31. Its decimal value is 11482207.

Hex triplet	af345f	`#af345f`
RGB Decimal	175, 52, 95	`rgb(175,52,95)`
RGB Percent	68.6, 20.4, 37.3	`rgb(68.6%,20.4%,37.3%)`
CMYK	0, 70, 46, 31
HSL	339°, 54.2, 44.5	`hsl(339,54.2%,44.5%)`
HSV (or HSB)	339°, 70.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.842, 52.823, 3.535
XYZ	20.973, 12.398, 12.115
xyY	0.461, 0.273, 12.398
CIE-LCH	41.842, 52.941, 3.828
CIE-LUV	41.842, 79.953, -5.271
Hunter-Lab	35.211, 44.703, 4.249
Binary	10101111, 00110100, 01011111

#af345f
```
#af345f rgb(175,52,95)
```
#34af84
```
#34af84 rgb(52,175,132)
```

Complementary Color

#af349d
```
#af349d rgb(175,52,157)
```
#af345f
```
#af345f rgb(175,52,95)
```
#af4634
```
#af4634 rgb(175,70,52)
```

Analogous Color

#349daf
```
#349daf rgb(52,157,175)
```
#af345f
```
#af345f rgb(175,52,95)
```
#34af46
```
#34af46 rgb(52,175,70)
```

Split Complementary Color

#345faf
```
#345faf rgb(52,95,175)
```
#af345f
```
#af345f rgb(175,52,95)
```
#5faf34
```
#5faf34 rgb(95,175,52)
```

Triadic Color

#8434af
```
#8434af rgb(132,52,175)
```
#af345f
```
#af345f rgb(175,52,95)
```
#5faf34
```
#5faf34 rgb(95,175,52)
```
#34af84
```
#34af84 rgb(52,175,132)
```

Tetradic Color

#74223f
```
#74223f rgb(116,34,63)
```
#88284a
```
#88284a rgb(136,40,74)
```
#9b2e54
```
#9b2e54 rgb(155,46,84)
```
#af345f
```
#af345f rgb(175,52,95)
```
#c33a6a
```
#c33a6a rgb(195,58,106)
```
#ca4c78
```
#ca4c78 rgb(202,76,120)
```
#d06087
```
#d06087 rgb(208,96,135)
```

Monochromatic Color

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

#af347e
```
#af347e rgb(175,52,126)
```
#af3474
```
#af3474 rgb(175,52,116)
```
#af3469
```
#af3469 rgb(175,52,105)
```
#af345f
```
#af345f rgb(175,52,95)
```
#af3455
```
#af3455 rgb(175,52,85)
```
#af344b
```
#af344b rgb(175,52,75)
```
#af3440
```
#af3440 rgb(175,52,64)
```

Similar Colors

Text with hexadecimal color #af345f

This text has a font color of #af345f.

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

#af345f background color

This paragraph has a background color of #af345f.

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

#af345f border color

This element has a border color of #af345f.

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

CSS codes

.text {color:#af345f;}

.background {background-color:#af345f;}

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

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

#090305
```
#090305 rgb(9,3,5)
```
#18070d
```
#18070d rgb(24,7,13)
```
#270c15
```
#270c15 rgb(39,12,21)
```
#36101d
```
#36101d rgb(54,16,29)
```
#451526
```
#451526 rgb(69,21,38)
```
#54192e
```
#54192e rgb(84,25,46)
```
#631e36
```
#631e36 rgb(99,30,54)
```
#73223e
```
#73223e rgb(115,34,62)
```
#822746
```
#822746 rgb(130,39,70)
```
#912b4f
```
#912b4f rgb(145,43,79)
```
#a03057
```
#a03057 rgb(160,48,87)
```
#af345f
```
#af345f rgb(175,52,95)
```
#be3867
```
#be3867 rgb(190,56,103)
```

Shade Color Variation

#c74371
```
#c74371 rgb(199,67,113)
```
#cc527d
```
#cc527d rgb(204,82,125)
```
#d06188
```
#d06188 rgb(208,97,136)
```
#d57093
```
#d57093 rgb(213,112,147)
```
#d9809f
```
#d9809f rgb(217,128,159)
```
#de8faa
```
#de8faa rgb(222,143,170)
```
#e29eb6
```
#e29eb6 rgb(226,158,182)
```
#e7adc1
```
#e7adc1 rgb(231,173,193)
```
#ebbccc
```
#ebbccc rgb(235,188,204)
```
#f0cbd8
```
#f0cbd8 rgb(240,203,216)
```
#f4dae3
```
#f4dae3 rgb(244,218,227)
```
#f9e9ef
```
#f9e9ef rgb(249,233,239)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#727171
```
#727171 rgb(114,113,113)
```
#7b686f
```
#7b686f rgb(123,104,111)
```
#83606c
```
#83606c rgb(131,96,108)
```
#8c576a
```
#8c576a rgb(140,87,106)
```
#954e67
```
#954e67 rgb(149,78,103)
```
#9e4564
```
#9e4564 rgb(158,69,100)
```
#a63d62
```
#a63d62 rgb(166,61,98)
```
#af345f
```
#af345f rgb(175,52,95)
```
#b82b5c
```
#b82b5c rgb(184,43,92)
```
#c0235a
```
#c0235a rgb(192,35,90)
```
#c91a57
```
#c91a57 rgb(201,26,87)
```
#d21154
```
#d21154 rgb(210,17,84)
```
#db0852
```
#db0852 rgb(219,8,82)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#66697d Protanopia 1% of men
#79675e Deuteranopia 1% of men
#b14549 Tritanopia 0.001% of the population

Trichromacy

#805672 Protanomaly 1% of men, 0.01% of women
#8c545e Deuteranomaly 6% of men, 0.4% of women
#b03f51 Tritanomaly 0.01% of the population