colorhexa.com

#bd18dc hex color

In a RGB color space, hex #bd18dc is composed of 74.1% red, 9.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 89.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 290.5 degrees, a saturation of 80.3% and a lightness of 47.8%. #bd18dc color hex could be obtained by blending #ff30ff with #7b00b9. Closest websafe color is: #cc00cc.

- R 74
- G 9
- B 86
RGB color chart
- C 14
- M 89
- Y 0
- K 14
CMYK color chart

● #bd18dc color description : Vivid magenta.

The hexadecimal color #bd18dc has RGB values of R:189, G:24, B:220 and CMYK values of C:0.14, M:0.89, Y:0, K:0.14. Its decimal value is 12392668.

Hex triplet	bd18dc	`#bd18dc`
RGB Decimal	189, 24, 220	`rgb(189,24,220)`
RGB Percent	74.1, 9.4, 86.3	`rgb(74.1%,9.4%,86.3%)`
CMYK	14, 89, 0, 14
HSL	290.5°, 80.3, 47.8	`hsl(290.5,80.3%,47.8%)`
HSV (or HSB)	290.5°, 89.1, 86.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.805, 80.714, -61.876
XYZ	34.23, 16.641, 69.115
xyY	0.285, 0.139, 16.641
CIE-LCH	47.805, 101.702, 322.526
CIE-LUV	47.805, 50.281, -101.562
Hunter-Lab	40.794, 78.39, -71.898
Binary	10111101, 00011000, 11011100

#bd18dc
```
#bd18dc rgb(189,24,220)
```
#37dc18
```
#37dc18 rgb(55,220,24)
```

Complementary Color

#5b18dc
```
#5b18dc rgb(91,24,220)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#dc1899
```
#dc1899 rgb(220,24,153)
```

Analogous Color

#18dc5b
```
#18dc5b rgb(24,220,91)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#99dc18
```
#99dc18 rgb(153,220,24)
```

Split Complementary Color

#18dcbd
```
#18dcbd rgb(24,220,189)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#dcbd18
```
#dcbd18 rgb(220,189,24)
```

Triadic Color

#1837dc
```
#1837dc rgb(24,55,220)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#dcbd18
```
#dcbd18 rgb(220,189,24)
```
#37dc18
```
#37dc18 rgb(55,220,24)
```

Tetradic Color

#821097
```
#821097 rgb(130,16,151)
```
#9513ae
```
#9513ae rgb(149,19,174)
```
#a915c5
```
#a915c5 rgb(169,21,197)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#c926e7
```
#c926e7 rgb(201,38,231)
```
#cf3dea
```
#cf3dea rgb(207,61,234)
```
#d454ec
```
#d454ec rgb(212,84,236)
```

Monochromatic Color

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

#8c18dc
```
#8c18dc rgb(140,24,220)
```
#9c18dc
```
#9c18dc rgb(156,24,220)
```
#ad18dc
```
#ad18dc rgb(173,24,220)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#cd18dc
```
#cd18dc rgb(205,24,220)
```
#dc18da
```
#dc18da rgb(220,24,218)
```
#dc18ca
```
#dc18ca rgb(220,24,202)
```

Similar Colors

Text with hexadecimal color #bd18dc

This text has a font color of #bd18dc.

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

#bd18dc background color

This paragraph has a background color of #bd18dc.

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

#bd18dc border color

This element has a border color of #bd18dc.

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

CSS codes

.text {color:#bd18dc;}

.background {background-color:#bd18dc;}

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

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

#070108
```
#070108 rgb(7,1,8)
```
#160319
```
#160319 rgb(22,3,25)
```
#25052b
```
#25052b rgb(37,5,43)
```
#34073d
```
#34073d rgb(52,7,61)
```
#43094f
```
#43094f rgb(67,9,79)
```
#530a60
```
#530a60 rgb(83,10,96)
```
#620c72
```
#620c72 rgb(98,12,114)
```
#710e84
```
#710e84 rgb(113,14,132)
```
#801095
```
#801095 rgb(128,16,149)
```
#8f12a7
```
#8f12a7 rgb(143,18,167)
```
#9f14b9
```
#9f14b9 rgb(159,20,185)
```
#ae16ca
```
#ae16ca rgb(174,22,202)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```

Shade Color Variation

#c721e7
```
#c721e7 rgb(199,33,231)
```
#cc33e9
```
#cc33e9 rgb(204,51,233)
```
#d044eb
```
#d044eb rgb(208,68,235)
```
#d556ed
```
#d556ed rgb(213,86,237)
```
#d968ee
```
#d968ee rgb(217,104,238)
```
#de79f0
```
#de79f0 rgb(222,121,240)
```
#e28bf2
```
#e28bf2 rgb(226,139,242)
```
#e69df4
```
#e69df4 rgb(230,157,244)
```
#ebaef6
```
#ebaef6 rgb(235,174,246)
```
#efc0f8
```
#efc0f8 rgb(239,192,248)
```
#f4d2fa
```
#f4d2fa rgb(244,210,250)
```
#f8e3fc
```
#f8e3fc rgb(248,227,252)
```
#fdf5fe
```
#fdf5fe rgb(253,245,254)
```

Tint Color Variation

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

#7d767e
```
#7d767e rgb(125,118,126)
```
#836c88
```
#836c88 rgb(131,108,136)
```
#8a6391
```
#8a6391 rgb(138,99,145)
```
#905a9a
```
#905a9a rgb(144,90,154)
```
#9750a4
```
#9750a4 rgb(151,80,164)
```
#9d47ad
```
#9d47ad rgb(157,71,173)
```
#a33eb6
```
#a33eb6 rgb(163,62,182)
```
#aa34c0
```
#aa34c0 rgb(170,52,192)
```
#b02bc9
```
#b02bc9 rgb(176,43,201)
```
#b721d3
```
#b721d3 rgb(183,33,211)
```
#bd18dc
```
#bd18dc rgb(189,24,220)
```
#c30fe5
```
#c30fe5 rgb(195,15,229)
```
#ca05ef
```
#ca05ef rgb(202,5,239)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#735279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#277ac9 Deuteranopia 1% of men
#ae6268 Tritanopia 0.001% of the population

Trichromacy

#4453e1 Protanomaly 1% of men, 0.01% of women
#5d56d0 Deuteranomaly 6% of men, 0.4% of women
#b34792 Tritanomaly 0.01% of the population