#ad306c hex color

In a RGB color space, hex #ad306c is composed of 67.8% red, 18.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 37.6% yellow and 32.2% black. It has a hue angle of 331.2 degrees, a saturation of 56.6% and a lightness of 43.3%. #ad306c color hex could be obtained by blending #ff60d8 with #5b0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 68
- G 19
- B 42
RGB color chart
- C 0
- M 72
- Y 38
- K 32
CMYK color chart

● #ad306c color description : Dark pink.

The hexadecimal color #ad306c has RGB values of R:173, G:48, B:108 and CMYK values of C:0, M:0.72, Y:0.38, K:0.32. Its decimal value is 11350124.

Hex triplet	ad306c	`#ad306c`
RGB Decimal	173, 48, 108	`rgb(173,48,108)`
RGB Percent	67.8, 18.8, 42.4	`rgb(67.8%,18.8%,42.4%)`
CMYK	0, 72, 38, 32
HSL	331.2°, 56.6, 43.3	`hsl(331.2,56.6%,43.3%)`
HSV (or HSB)	331.2°, 72.3, 67.8
Web Safe	993366	`#993366`

CIE-LAB	41.347, 55.073, -5.358
XYZ	20.998, 12.083, 15.413
xyY	0.433, 0.249, 12.083
CIE-LCH	41.347, 55.333, 354.443
CIE-LUV	41.347, 75.349, -16.497
Hunter-Lab	34.76, 46.996, -1.957
Binary	10101101, 00110000, 01101100

#ad306c
```
#ad306c rgb(173,48,108)
```
#30ad71
```
#30ad71 rgb(48,173,113)
```

Complementary Color

#ad30ab
```
#ad30ab rgb(173,48,171)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#ad3330
```
#ad3330 rgb(173,51,48)
```

Analogous Color

#30abad
```
#30abad rgb(48,171,173)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#30ad33
```
#30ad33 rgb(48,173,51)
```

Split Complementary Color

#306cad
```
#306cad rgb(48,108,173)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#6cad30
```
#6cad30 rgb(108,173,48)
```

Triadic Color

#7130ad
```
#7130ad rgb(113,48,173)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#6cad30
```
#6cad30 rgb(108,173,48)
```
#30ad71
```
#30ad71 rgb(48,173,113)
```

Tetradic Color

#711f47
```
#711f47 rgb(113,31,71)
```
#852553
```
#852553 rgb(133,37,83)
```
#992a60
```
#992a60 rgb(153,42,96)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#c13678
```
#c13678 rgb(193,54,120)
```
#cb4585
```
#cb4585 rgb(203,69,133)
```
#d15992
```
#d15992 rgb(209,89,146)
```

Monochromatic Color

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

#ad308b
```
#ad308b rgb(173,48,139)
```
#ad3081
```
#ad3081 rgb(173,48,129)
```
#ad3076
```
#ad3076 rgb(173,48,118)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#ad3062
```
#ad3062 rgb(173,48,98)
```
#ad3057
```
#ad3057 rgb(173,48,87)
```
#ad304d
```
#ad304d rgb(173,48,77)
```

Similar Colors

Text with hexadecimal color #ad306c

This text has a font color of #ad306c.

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

#ad306c background color

This paragraph has a background color of #ad306c.

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

#ad306c border color

This element has a border color of #ad306c.

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

CSS codes

.text {color:#ad306c;}

.background {background-color:#ad306c;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#13050c
```
#13050c rgb(19,5,12)
```
#230a16
```
#230a16 rgb(35,10,22)
```
#320e1f
```
#320e1f rgb(50,14,31)
```
#421229
```
#421229 rgb(66,18,41)
```
#511632
```
#511632 rgb(81,22,50)
```
#601b3c
```
#601b3c rgb(96,27,60)
```
#701f46
```
#701f46 rgb(112,31,70)
```
#7f234f
```
#7f234f rgb(127,35,79)
```
#8e2759
```
#8e2759 rgb(142,39,89)
```
#9e2c62
```
#9e2c62 rgb(158,44,98)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#bc3476
```
#bc3476 rgb(188,52,118)
```

Shade Color Variation

#c93b7f
```
#c93b7f rgb(201,59,127)
```
#cd4b89
```
#cd4b89 rgb(205,75,137)
```
#d15a93
```
#d15a93 rgb(209,90,147)
```
#d66a9d
```
#d66a9d rgb(214,106,157)
```
#da79a7
```
#da79a7 rgb(218,121,167)
```
#de88b1
```
#de88b1 rgb(222,136,177)
```
#e298bb
```
#e298bb rgb(226,152,187)
```
#e7a7c5
```
#e7a7c5 rgb(231,167,197)
```
#ebb6d0
```
#ebb6d0 rgb(235,182,208)
```
#efc6da
```
#efc6da rgb(239,198,218)
```
#f3d5e4
```
#f3d5e4 rgb(243,213,228)
```
#f8e4ee
```
#f8e4ee rgb(248,228,238)
```
#fcf4f8
```
#fcf4f8 rgb(252,244,248)
```

Tint Color Variation

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

#726c6e
```
#726c6e rgb(114,108,110)
```
#7a636e
```
#7a636e rgb(122,99,110)
```
#835b6e
```
#835b6e rgb(131,91,110)
```
#8b526d
```
#8b526d rgb(139,82,109)
```
#944a6d
```
#944a6d rgb(148,74,109)
```
#9c416d
```
#9c416d rgb(156,65,109)
```
#a5396c
```
#a5396c rgb(165,57,108)
```
#ad306c
```
#ad306c rgb(173,48,108)
```
#b6286c
```
#b6286c rgb(182,40,108)
```
#be1f6b
```
#be1f6b rgb(190,31,107)
```
#c7176b
```
#c7176b rgb(199,23,107)
```
#cf0e6b
```
#cf0e6b rgb(207,14,107)
```
#d8056a
```
#d8056a rgb(216,5,106)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6c535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e688d Protanopia 1% of men
#73666a Deuteranopia 1% of men
#ae4549 Tritanopia 0.001% of the population

Trichromacy

#7a5381 Protanomaly 1% of men, 0.01% of women
#88526b Deuteranomaly 6% of men, 0.4% of women
#ad3d56 Tritanomaly 0.01% of the population

#ad306c hex color

#ad306c Color Information

#ad306c Color Conversion

Color Schemes with #ad306c

Alternatives to #ad306c

#ad306c Preview

Shades and Tints of #ad306c

Tones of #ad306c

Color Blindness Simulator