colorhexa.com

#af305e hex color

In a RGB color space, hex #af305e is composed of 68.6% red, 18.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 46.3% yellow and 31.4% black. It has a hue angle of 338.3 degrees, a saturation of 57% and a lightness of 43.7%. #af305e color hex could be obtained by blending #ff60bc with #5f0000. Closest websafe color is: #993366.

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

● #af305e color description : Dark pink.

The hexadecimal color #af305e has RGB values of R:175, G:48, B:94 and CMYK values of C:0, M:0.73, Y:0.46, K:0.31. Its decimal value is 11481182.

Hex triplet	af305e	`#af305e`
RGB Decimal	175, 48, 94	`rgb(175,48,94)`
RGB Percent	68.6, 18.8, 36.9	`rgb(68.6%,18.8%,36.9%)`
CMYK	0, 73, 46, 31
HSL	338.3°, 57, 43.7	`hsl(338.3,57%,43.7%)`
HSV (or HSB)	338.3°, 72.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.277, 54.219, 3.346
XYZ	20.757, 12.038, 11.82
xyY	0.465, 0.27, 12.038
CIE-LCH	41.277, 54.322, 3.532
CIE-LUV	41.277, 81.994, -5.786
Hunter-Lab	34.696, 46.071, 4.089
Binary	10101111, 00110000, 01011110

#af305e
```
#af305e rgb(175,48,94)
```
#30af81
```
#30af81 rgb(48,175,129)
```

Complementary Color

#af309e
```
#af309e rgb(175,48,158)
```
#af305e
```
#af305e rgb(175,48,94)
```
#af4230
```
#af4230 rgb(175,66,48)
```

Analogous Color

#309eaf
```
#309eaf rgb(48,158,175)
```
#af305e
```
#af305e rgb(175,48,94)
```
#30af42
```
#30af42 rgb(48,175,66)
```

Split Complementary Color

#305eaf
```
#305eaf rgb(48,94,175)
```
#af305e
```
#af305e rgb(175,48,94)
```
#5eaf30
```
#5eaf30 rgb(94,175,48)
```

Triadic Color

#8130af
```
#8130af rgb(129,48,175)
```
#af305e
```
#af305e rgb(175,48,94)
```
#5eaf30
```
#5eaf30 rgb(94,175,48)
```
#30af81
```
#30af81 rgb(48,175,129)
```

Tetradic Color

#73203e
```
#73203e rgb(115,32,62)
```
#872549
```
#872549 rgb(135,37,73)
```
#9b2b53
```
#9b2b53 rgb(155,43,83)
```
#af305e
```
#af305e rgb(175,48,94)
```
#c33569
```
#c33569 rgb(195,53,105)
```
#cc4676
```
#cc4676 rgb(204,70,118)
```
#d25a85
```
#d25a85 rgb(210,90,133)
```

Monochromatic Color

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

#af307e
```
#af307e rgb(175,48,126)
```
#af3073
```
#af3073 rgb(175,48,115)
```
#af3069
```
#af3069 rgb(175,48,105)
```
#af305e
```
#af305e rgb(175,48,94)
```
#af3053
```
#af3053 rgb(175,48,83)
```
#af3049
```
#af3049 rgb(175,48,73)
```
#af303e
```
#af303e rgb(175,48,62)
```

Similar Colors

Text with hexadecimal color #af305e

This text has a font color of #af305e.

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

#af305e background color

This paragraph has a background color of #af305e.

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

#af305e border color

This element has a border color of #af305e.

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

CSS codes

.text {color:#af305e;}

.background {background-color:#af305e;}

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

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

#060203
```
#060203 rgb(6,2,3)
```
#15060b
```
#15060b rgb(21,6,11)
```
#240a14
```
#240a14 rgb(36,10,20)
```
#340e1c
```
#340e1c rgb(52,14,28)
```
#431224
```
#431224 rgb(67,18,36)
```
#53172c
```
#53172c rgb(83,23,44)
```
#621b35
```
#621b35 rgb(98,27,53)
```
#711f3d
```
#711f3d rgb(113,31,61)
```
#812345
```
#812345 rgb(129,35,69)
```
#90284d
```
#90284d rgb(144,40,77)
```
#a02c56
```
#a02c56 rgb(160,44,86)
```
#af305e
```
#af305e rgb(175,48,94)
```
#be3466
```
#be3466 rgb(190,52,102)
```

Shade Color Variation

#ca3d70
```
#ca3d70 rgb(202,61,112)
```
#ce4c7b
```
#ce4c7b rgb(206,76,123)
```
#d25b86
```
#d25b86 rgb(210,91,134)
```
#d66b92
```
#d66b92 rgb(214,107,146)
```
#db7a9d
```
#db7a9d rgb(219,122,157)
```
#df8aa8
```
#df8aa8 rgb(223,138,168)
```
#e399b4
```
#e399b4 rgb(227,153,180)
```
#e7a8bf
```
#e7a8bf rgb(231,168,191)
```
#ebb8ca
```
#ebb8ca rgb(235,184,202)
```
#f0c7d6
```
#f0c7d6 rgb(240,199,214)
```
#f4d6e1
```
#f4d6e1 rgb(244,214,225)
```
#f8e6ec
```
#f8e6ec rgb(248,230,236)
```
#fcf5f8
```
#fcf5f8 rgb(252,245,248)
```

Tint Color Variation

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

#736c6f
```
#736c6f rgb(115,108,111)
```
#7c636c
```
#7c636c rgb(124,99,108)
```
#845b6a
```
#845b6a rgb(132,91,106)
```
#8d5267
```
#8d5267 rgb(141,82,103)
```
#954a65
```
#954a65 rgb(149,74,101)
```
#9e4163
```
#9e4163 rgb(158,65,99)
```
#a63960
```
#a63960 rgb(166,57,96)
```
#af305e
```
#af305e rgb(175,48,94)
```
#b8275c
```
#b8275c rgb(184,39,92)
```
#c01f59
```
#c01f59 rgb(192,31,89)
```
#c91657
```
#c91657 rgb(201,22,87)
```
#d10e55
```
#d10e55 rgb(209,14,85)
```
#da0552
```
#da0552 rgb(218,5,82)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c525c Atypical Achromatopsia 0.001% of the population

Dichromacy

#64687d Protanopia 1% of men
#77655d Deuteranopia 1% of men
#b14246 Tritanopia 0.001% of the population

Trichromacy

#7f5471 Protanomaly 1% of men, 0.01% of women
#8b525d Deuteranomaly 6% of men, 0.4% of women
#b03b4e Tritanomaly 0.01% of the population