colorhexa.com

#af3467 hex color

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

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

● #af3467 color description : Dark pink.

The hexadecimal color #af3467 has RGB values of R:175, G:52, B:103 and CMYK values of C:0, M:0.7, Y:0.41, K:0.31. Its decimal value is 11482215.

Hex triplet	af3467	`#af3467`
RGB Decimal	175, 52, 103	`rgb(175,52,103)`
RGB Percent	68.6, 20.4, 40.4	`rgb(68.6%,20.4%,40.4%)`
CMYK	0, 70, 41, 31
HSL	335.1°, 54.2, 44.5	`hsl(335.1,54.2%,44.5%)`
HSV (or HSB)	335.1°, 70.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	42.079, 53.628, -1.118
XYZ	21.356, 12.551, 14.129
xyY	0.445, 0.261, 12.551
CIE-LCH	42.079, 53.639, 358.805
CIE-LUV	42.079, 77.199, -10.995
Hunter-Lab	35.428, 45.601, 1.153
Binary	10101111, 00110100, 01100111

#af3467
```
#af3467 rgb(175,52,103)
```
#34af7c
```
#34af7c rgb(52,175,124)
```

Complementary Color

#af34a5
```
#af34a5 rgb(175,52,165)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#af3e34
```
#af3e34 rgb(175,62,52)
```

Analogous Color

#34a5af
```
#34a5af rgb(52,165,175)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#34af3e
```
#34af3e rgb(52,175,62)
```

Split Complementary Color

#3467af
```
#3467af rgb(52,103,175)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#67af34
```
#67af34 rgb(103,175,52)
```

Triadic Color

#7c34af
```
#7c34af rgb(124,52,175)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#67af34
```
#67af34 rgb(103,175,52)
```
#34af7c
```
#34af7c rgb(52,175,124)
```

Tetradic Color

#742244
```
#742244 rgb(116,34,68)
```
#882850
```
#882850 rgb(136,40,80)
```
#9b2e5b
```
#9b2e5b rgb(155,46,91)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#c33a73
```
#c33a73 rgb(195,58,115)
```
#ca4c80
```
#ca4c80 rgb(202,76,128)
```
#d0608e
```
#d0608e rgb(208,96,142)
```

Monochromatic Color

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

#af3486
```
#af3486 rgb(175,52,134)
```
#af347c
```
#af347c rgb(175,52,124)
```
#af3471
```
#af3471 rgb(175,52,113)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#af345d
```
#af345d rgb(175,52,93)
```
#af3453
```
#af3453 rgb(175,52,83)
```
#af3448
```
#af3448 rgb(175,52,72)
```

Similar Colors

Text with hexadecimal color #af3467

This text has a font color of #af3467.

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

#af3467 background color

This paragraph has a background color of #af3467.

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

#af3467 border color

This element has a border color of #af3467.

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

CSS codes

.text {color:#af3467;}

.background {background-color:#af3467;}

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

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)
```
#18070e
```
#18070e rgb(24,7,14)
```
#270c17
```
#270c17 rgb(39,12,23)
```
#361020
```
#361020 rgb(54,16,32)
```
#451529
```
#451529 rgb(69,21,41)
```
#541932
```
#541932 rgb(84,25,50)
```
#631e3a
```
#631e3a rgb(99,30,58)
```
#732243
```
#732243 rgb(115,34,67)
```
#82274c
```
#82274c rgb(130,39,76)
```
#912b55
```
#912b55 rgb(145,43,85)
```
#a0305e
```
#a0305e rgb(160,48,94)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#be3870
```
#be3870 rgb(190,56,112)
```

Shade Color Variation

#c7437a
```
#c7437a rgb(199,67,122)
```
#cc5285
```
#cc5285 rgb(204,82,133)
```
#d0618f
```
#d0618f rgb(208,97,143)
```
#d5709a
```
#d5709a rgb(213,112,154)
```
#d980a5
```
#d980a5 rgb(217,128,165)
```
#de8faf
```
#de8faf rgb(222,143,175)
```
#e29eba
```
#e29eba rgb(226,158,186)
```
#e7adc5
```
#e7adc5 rgb(231,173,197)
```
#ebbcd0
```
#ebbcd0 rgb(235,188,208)
```
#f0cbda
```
#f0cbda rgb(240,203,218)
```
#f4dae5
```
#f4dae5 rgb(244,218,229)
```
#f9e9f0
```
#f9e9f0 rgb(249,233,240)
```
#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 #db0860 is the most saturated one.

#727171
```
#727171 rgb(114,113,113)
```
#7b6870
```
#7b6870 rgb(123,104,112)
```
#83606e
```
#83606e rgb(131,96,110)
```
#8c576d
```
#8c576d rgb(140,87,109)
```
#954e6b
```
#954e6b rgb(149,78,107)
```
#9e456a
```
#9e456a rgb(158,69,106)
```
#a63d68
```
#a63d68 rgb(166,61,104)
```
#af3467
```
#af3467 rgb(175,52,103)
```
#b82b66
```
#b82b66 rgb(184,43,102)
```
#c02364
```
#c02364 rgb(192,35,100)
```
#c91a63
```
#c91a63 rgb(201,26,99)
```
#d21161
```
#d21161 rgb(210,17,97)
```
#db0860
```
#db0860 rgb(219,8,96)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6f5661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636a86 Protanopia 1% of men
#776866 Deuteranopia 1% of men
#b0474b Tritanopia 0.001% of the population

Trichromacy

#7f567a Protanomaly 1% of men, 0.01% of women
#8b5566 Deuteranomaly 6% of men, 0.4% of women
#b04055 Tritanomaly 0.01% of the population