#af377d hex color

In a RGB color space, hex #af377d is composed of 68.6% red, 21.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 28.6% yellow and 31.4% black. It has a hue angle of 325 degrees, a saturation of 52.2% and a lightness of 45.1%. #af377d color hex could be obtained by blending #ff6efa with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 22
- B 49
RGB color chart
- C 0
- M 69
- Y 29
- K 31
CMYK color chart

● #af377d color description : Dark moderate pink.

The hexadecimal color #af377d has RGB values of R:175, G:55, B:125 and CMYK values of C:0, M:0.69, Y:0.29, K:0.31. Its decimal value is 11483005.

Hex triplet	af377d	`#af377d`
RGB Decimal	175, 55, 125	`rgb(175,55,125)`
RGB Percent	68.6, 21.6, 49	`rgb(68.6%,21.6%,49%)`
CMYK	0, 69, 29, 31
HSL	325°, 52.2, 45.1	`hsl(325,52.2%,45.1%)`
HSV (or HSB)	325°, 68.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	43.255, 55.024, -12.977
XYZ	22.747, 13.329, 20.776
xyY	0.4, 0.234, 13.329
CIE-LCH	43.255, 56.533, 346.729
CIE-LUV	43.255, 68.27, -26.673
Hunter-Lab	36.509, 47.326, -8.183
Binary	10101111, 00110111, 01111101

#af377d
```
#af377d rgb(175,55,125)
```
#37af69
```
#37af69 rgb(55,175,105)
```

Complementary Color

#a537af
```
#a537af rgb(165,55,175)
```
#af377d
```
#af377d rgb(175,55,125)
```
#af3741
```
#af3741 rgb(175,55,65)
```

Analogous Color

#37afa5
```
#37afa5 rgb(55,175,165)
```
#af377d
```
#af377d rgb(175,55,125)
```
#41af37
```
#41af37 rgb(65,175,55)
```

Split Complementary Color

#377daf
```
#377daf rgb(55,125,175)
```
#af377d
```
#af377d rgb(175,55,125)
```
#7daf37
```
#7daf37 rgb(125,175,55)
```

Triadic Color

#6937af
```
#6937af rgb(105,55,175)
```
#af377d
```
#af377d rgb(175,55,125)
```
#7daf37
```
#7daf37 rgb(125,175,55)
```
#37af69
```
#37af69 rgb(55,175,105)
```

Tetradic Color

#752553
```
#752553 rgb(117,37,83)
```
#882b61
```
#882b61 rgb(136,43,97)
```
#9c316f
```
#9c316f rgb(156,49,111)
```
#af377d
```
#af377d rgb(175,55,125)
```
#c23d8b
```
#c23d8b rgb(194,61,139)
```
#c85196
```
#c85196 rgb(200,81,150)
```
#ce64a2
```
#ce64a2 rgb(206,100,162)
```

Monochromatic Color

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

#af379b
```
#af379b rgb(175,55,155)
```
#af3791
```
#af3791 rgb(175,55,145)
```
#af3787
```
#af3787 rgb(175,55,135)
```
#af377d
```
#af377d rgb(175,55,125)
```
#af3773
```
#af3773 rgb(175,55,115)
```
#af3769
```
#af3769 rgb(175,55,105)
```
#af375f
```
#af375f rgb(175,55,95)
```

Similar Colors

Text with hexadecimal color #af377d

This text has a font color of #af377d.

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

#af377d background color

This paragraph has a background color of #af377d.

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

#af377d border color

This element has a border color of #af377d.

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

CSS codes

.text {color:#af377d;}

.background {background-color:#af377d;}

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

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, #0b0308 is the darkest color, while #fefbfd is the lightest one.

#0b0308
```
#0b0308 rgb(11,3,8)
```
#1a0812
```
#1a0812 rgb(26,8,18)
```
#290d1d
```
#290d1d rgb(41,13,29)
```
#381128
```
#381128 rgb(56,17,40)
```
#471632
```
#471632 rgb(71,22,50)
```
#551b3d
```
#551b3d rgb(85,27,61)
```
#642048
```
#642048 rgb(100,32,72)
```
#732452
```
#732452 rgb(115,36,82)
```
#82295d
```
#82295d rgb(130,41,93)
```
#912e68
```
#912e68 rgb(145,46,104)
```
#a03272
```
#a03272 rgb(160,50,114)
```
#af377d
```
#af377d rgb(175,55,125)
```
#be3c88
```
#be3c88 rgb(190,60,136)
```

Shade Color Variation

#c54891
```
#c54891 rgb(197,72,145)
```
#ca579a
```
#ca579a rgb(202,87,154)
```
#cf66a3
```
#cf66a3 rgb(207,102,163)
```
#d375ac
```
#d375ac rgb(211,117,172)
```
#d884b5
```
#d884b5 rgb(216,132,181)
```
#dd92be
```
#dd92be rgb(221,146,190)
```
#e2a1c7
```
#e2a1c7 rgb(226,161,199)
```
#e6b0d0
```
#e6b0d0 rgb(230,176,208)
```
#ebbfd9
```
#ebbfd9 rgb(235,191,217)
```
#f0cee2
```
#f0cee2 rgb(240,206,226)
```
#f4ddeb
```
#f4ddeb rgb(244,221,235)
```
#f9ecf4
```
#f9ecf4 rgb(249,236,244)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#7a6c74
```
#7a6c74 rgb(122,108,116)
```
#836376
```
#836376 rgb(131,99,118)
```
#8c5a77
```
#8c5a77 rgb(140,90,119)
```
#945279
```
#945279 rgb(148,82,121)
```
#9d497a
```
#9d497a rgb(157,73,122)
```
#a6407c
```
#a6407c rgb(166,64,124)
```
#af377d
```
#af377d rgb(175,55,125)
```
#b82e7e
```
#b82e7e rgb(184,46,126)
```
#c12580
```
#c12580 rgb(193,37,128)
```
#ca1c81
```
#ca1c81 rgb(202,28,129)
```
#d21483
```
#d21483 rgb(210,20,131)
```
#db0b84
```
#db0b84 rgb(219,11,132)
```
#e40286
```
#e40286 rgb(228,2,134)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#725a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6c9e Protanopia 1% of men
#726b7a Deuteranopia 1% of men
#ae4e53 Tritanopia 0.001% of the population

Trichromacy

#7a5992 Protanomaly 1% of men, 0.01% of women
#88587b Deuteranomaly 6% of men, 0.4% of women
#ae4562 Tritanomaly 0.01% of the population

#af377d hex color

#af377d Color Information

#af377d Color Conversion

Color Schemes with #af377d

Alternatives to #af377d

#af377d Preview

Shades and Tints of #af377d

Tones of #af377d

Color Blindness Simulator