#af3058 hex color

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

♥
- f
- t
- g
- R 69
- G 19
- B 35
RGB color chart
- C 0
- M 73
- Y 50
- K 31
CMYK color chart

● #af3058 color description : Dark pink.

The hexadecimal color #af3058 has RGB values of R:175, G:48, B:88 and CMYK values of C:0, M:0.73, Y:0.5, K:0.31. Its decimal value is 11481176.

Hex triplet	af3058	`#af3058`
RGB Decimal	175, 48, 88	`rgb(175,48,88)`
RGB Percent	68.6, 18.8, 34.5	`rgb(68.6%,18.8%,34.5%)`
CMYK	0, 73, 50, 31
HSL	341.1°, 57, 43.7	`hsl(341.1,57%,43.7%)`
HSV (or HSB)	341.1°, 72.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.112, 53.672, 6.882
XYZ	20.498, 11.935, 10.456
xyY	0.478, 0.278, 11.935
CIE-LCH	41.112, 54.112, 7.307
CIE-LUV	41.112, 84.061, -1.669
Hunter-Lab	34.546, 45.457, 6.237
Binary	10101111, 00110000, 01011000

#af3058
```
#af3058 rgb(175,48,88)
```
#30af87
```
#30af87 rgb(48,175,135)
```

Complementary Color

#af3098
```
#af3098 rgb(175,48,152)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#af4830
```
#af4830 rgb(175,72,48)
```

Analogous Color

#3098af
```
#3098af rgb(48,152,175)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#30af48
```
#30af48 rgb(48,175,72)
```

Split Complementary Color

#3058af
```
#3058af rgb(48,88,175)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#58af30
```
#58af30 rgb(88,175,48)
```

Triadic Color

#8730af
```
#8730af rgb(135,48,175)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#58af30
```
#58af30 rgb(88,175,48)
```
#30af87
```
#30af87 rgb(48,175,135)
```

Tetradic Color

#73203a
```
#73203a rgb(115,32,58)
```
#872544
```
#872544 rgb(135,37,68)
```
#9b2b4e
```
#9b2b4e rgb(155,43,78)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#c33562
```
#c33562 rgb(195,53,98)
```
#cc4670
```
#cc4670 rgb(204,70,112)
```
#d25a80
```
#d25a80 rgb(210,90,128)
```

Monochromatic Color

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

#af3078
```
#af3078 rgb(175,48,120)
```
#af306d
```
#af306d rgb(175,48,109)
```
#af3063
```
#af3063 rgb(175,48,99)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#af304d
```
#af304d rgb(175,48,77)
```
#af3043
```
#af3043 rgb(175,48,67)
```
#af3038
```
#af3038 rgb(175,48,56)
```

Similar Colors

Text with hexadecimal color #af3058

This text has a font color of #af3058.

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

#af3058 background color

This paragraph has a background color of #af3058.

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

#af3058 border color

This element has a border color of #af3058.

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

CSS codes

.text {color:#af3058;}

.background {background-color:#af3058;}

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

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)
```
#240a12
```
#240a12 rgb(36,10,18)
```
#340e1a
```
#340e1a rgb(52,14,26)
```
#431222
```
#431222 rgb(67,18,34)
```
#53172a
```
#53172a rgb(83,23,42)
```
#621b31
```
#621b31 rgb(98,27,49)
```
#711f39
```
#711f39 rgb(113,31,57)
```
#812341
```
#812341 rgb(129,35,65)
```
#902849
```
#902849 rgb(144,40,73)
```
#a02c50
```
#a02c50 rgb(160,44,80)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#be3460
```
#be3460 rgb(190,52,96)
```

Shade Color Variation

#ca3d69
```
#ca3d69 rgb(202,61,105)
```
#ce4c75
```
#ce4c75 rgb(206,76,117)
```
#d25b81
```
#d25b81 rgb(210,91,129)
```
#d66b8d
```
#d66b8d rgb(214,107,141)
```
#db7a99
```
#db7a99 rgb(219,122,153)
```
#df8aa4
```
#df8aa4 rgb(223,138,164)
```
#e399b0
```
#e399b0 rgb(227,153,176)
```
#e7a8bc
```
#e7a8bc rgb(231,168,188)
```
#ebb8c8
```
#ebb8c8 rgb(235,184,200)
```
#f0c7d4
```
#f0c7d4 rgb(240,199,212)
```
#f4d6e0
```
#f4d6e0 rgb(244,214,224)
```
#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, #736c6e is the less saturated color, while #da0548 is the most saturated one.

#736c6e
```
#736c6e rgb(115,108,110)
```
#7c636b
```
#7c636b rgb(124,99,107)
```
#845b68
```
#845b68 rgb(132,91,104)
```
#8d5265
```
#8d5265 rgb(141,82,101)
```
#954a62
```
#954a62 rgb(149,74,98)
```
#9e415e
```
#9e415e rgb(158,65,94)
```
#a6395b
```
#a6395b rgb(166,57,91)
```
#af3058
```
#af3058 rgb(175,48,88)
```
#b82755
```
#b82755 rgb(184,39,85)
```
#c01f52
```
#c01f52 rgb(192,31,82)
```
#c9164e
```
#c9164e rgb(201,22,78)
```
#d10e4b
```
#d10e4b rgb(209,14,75)
```
#da0548
```
#da0548 rgb(218,5,72)
```

Tone Color Variation

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

Dichromacy

#666876 Protanopia 1% of men
#786558 Deuteranopia 1% of men
#b14144 Tritanopia 0.001% of the population

Trichromacy

#80536b Protanomaly 1% of men, 0.01% of women
#8c5158 Deuteranomaly 6% of men, 0.4% of women
#b03a4b Tritanomaly 0.01% of the population

#af3058 hex color

#af3058 Color Information

#af3058 Color Conversion

Color Schemes with #af3058

Alternatives to #af3058

#af3058 Preview

Shades and Tints of #af3058

Tones of #af3058

Color Blindness Simulator