#af458e hex color

In a RGB color space, hex #af458e is composed of 68.6% red, 27.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 318.7 degrees, a saturation of 43.4% and a lightness of 47.8%. #af458e color hex could be obtained by blending #ff8aff with #5f001d. Closest websafe color is: #993399.

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

● #af458e color description : Dark moderate pink.

The hexadecimal color #af458e has RGB values of R:175, G:69, B:142 and CMYK values of C:0, M:0.61, Y:0.19, K:0.31. Its decimal value is 11486606.

Hex triplet	af458e	`#af458e`
RGB Decimal	175, 69, 142	`rgb(175,69,142)`
RGB Percent	68.6, 27.1, 55.7	`rgb(68.6%,27.1%,55.7%)`
CMYK	0, 61, 19, 31
HSL	318.7°, 43.4, 47.8	`hsl(318.7,43.4%,47.8%)`
HSV (or HSB)	318.7°, 60.6, 68.6
Web Safe	993399	`#993399`

CIE-LAB	46.076, 51.459, -19.005
XYZ	24.69, 15.325, 27.247
xyY	0.367, 0.228, 15.325
CIE-LCH	46.076, 54.856, 339.729
CIE-LUV	46.076, 57.394, -34.873
Hunter-Lab	39.147, 44.071, -13.864
Binary	10101111, 01000101, 10001110

#af458e
```
#af458e rgb(175,69,142)
```
#45af66
```
#45af66 rgb(69,175,102)
```

Complementary Color

#9b45af
```
#9b45af rgb(155,69,175)
```
#af458e
```
#af458e rgb(175,69,142)
```
#af4559
```
#af4559 rgb(175,69,89)
```

Analogous Color

#45af9b
```
#45af9b rgb(69,175,155)
```
#af458e
```
#af458e rgb(175,69,142)
```
#59af45
```
#59af45 rgb(89,175,69)
```

Split Complementary Color

#458eaf
```
#458eaf rgb(69,142,175)
```
#af458e
```
#af458e rgb(175,69,142)
```
#8eaf45
```
#8eaf45 rgb(142,175,69)
```

Triadic Color

#6645af
```
#6645af rgb(102,69,175)
```
#af458e
```
#af458e rgb(175,69,142)
```
#8eaf45
```
#8eaf45 rgb(142,175,69)
```
#45af66
```
#45af66 rgb(69,175,102)
```

Tetradic Color

#782f61
```
#782f61 rgb(120,47,97)
```
#8a3770
```
#8a3770 rgb(138,55,112)
```
#9d3e7f
```
#9d3e7f rgb(157,62,127)
```
#af458e
```
#af458e rgb(175,69,142)
```
#bb539a
```
#bb539a rgb(187,83,154)
```
#c265a5
```
#c265a5 rgb(194,101,165)
```
#c977b0
```
#c977b0 rgb(201,119,176)
```

Monochromatic Color

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

#af45a9
```
#af45a9 rgb(175,69,169)
```
#af45a0
```
#af45a0 rgb(175,69,160)
```
#af4597
```
#af4597 rgb(175,69,151)
```
#af458e
```
#af458e rgb(175,69,142)
```
#af4585
```
#af4585 rgb(175,69,133)
```
#af457c
```
#af457c rgb(175,69,124)
```
#af4574
```
#af4574 rgb(175,69,116)
```

Similar Colors

Text with hexadecimal color #af458e

This text has a font color of #af458e.

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

#af458e background color

This paragraph has a background color of #af458e.

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

#af458e border color

This element has a border color of #af458e.

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

CSS codes

.text {color:#af458e;}

.background {background-color:#af458e;}

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

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

#060205
```
#060205 rgb(6,2,5)
```
#140810
```
#140810 rgb(20,8,16)
```
#220e1c
```
#220e1c rgb(34,14,28)
```
#301327
```
#301327 rgb(48,19,39)
```
#3e1933
```
#3e1933 rgb(62,25,51)
```
#4d1e3e
```
#4d1e3e rgb(77,30,62)
```
#5b244a
```
#5b244a rgb(91,36,74)
```
#692955
```
#692955 rgb(105,41,85)
```
#772f60
```
#772f60 rgb(119,47,96)
```
#85346c
```
#85346c rgb(133,52,108)
```
#933a77
```
#933a77 rgb(147,58,119)
```
#a13f83
```
#a13f83 rgb(161,63,131)
```
#af458e
```
#af458e rgb(175,69,142)
```

Shade Color Variation

#b94e98
```
#b94e98 rgb(185,78,152)
```
#bf5ca0
```
#bf5ca0 rgb(191,92,160)
```
#c46aa8
```
#c46aa8 rgb(196,106,168)
```
#ca78b1
```
#ca78b1 rgb(202,120,177)
```
#d087b9
```
#d087b9 rgb(208,135,185)
```
#d595c1
```
#d595c1 rgb(213,149,193)
```
#dba3c9
```
#dba3c9 rgb(219,163,201)
```
#e0b1d1
```
#e0b1d1 rgb(224,177,209)
```
#e6bfda
```
#e6bfda rgb(230,191,218)
```
#ebcde2
```
#ebcde2 rgb(235,205,226)
```
#f1dbea
```
#f1dbea rgb(241,219,234)
```
#f6e9f2
```
#f6e9f2 rgb(246,233,242)
```
#fcf7fa
```
#fcf7fa rgb(252,247,250)
```

Tint Color Variation

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

#80747c
```
#80747c rgb(128,116,124)
```
#896b80
```
#896b80 rgb(137,107,128)
```
#936183
```
#936183 rgb(147,97,131)
```
#9c5887
```
#9c5887 rgb(156,88,135)
```
#a64e8a
```
#a64e8a rgb(166,78,138)
```
#af458e
```
#af458e rgb(175,69,142)
```
#b83c92
```
#b83c92 rgb(184,60,146)
```
#c23295
```
#c23295 rgb(194,50,149)
```
#cb2999
```
#cb2999 rgb(203,41,153)
```
#d51f9c
```
#d51f9c rgb(213,31,156)
```
#de16a0
```
#de16a0 rgb(222,22,160)
```
#e70da3
```
#e70da3 rgb(231,13,163)
```
#f103a7
```
#f103a7 rgb(241,3,167)
```

Tone Color Variation

Below, you can see how #af458e 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
#7a6574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e72ab Protanopia 1% of men
#73728a Deuteranopia 1% of men
#ad5b61 Tritanopia 0.001% of the population

Trichromacy

#7c62a0 Protanomaly 1% of men, 0.01% of women
#89618b Deuteranomaly 6% of men, 0.4% of women
#ae5371 Tritanomaly 0.01% of the population

#af458e hex color

#af458e Color Information

#af458e Color Conversion

Color Schemes with #af458e

Alternatives to #af458e

#af458e Preview

Shades and Tints of #af458e

Tones of #af458e

Color Blindness Simulator