colorhexa.com

#bd02d4 hex color

In a RGB color space, hex #bd02d4 is composed of 74.1% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 99.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 293.4 degrees, a saturation of 98.1% and a lightness of 42%. #bd02d4 color hex could be obtained by blending #ff04ff with #7b00a9. Closest websafe color is: #cc00cc.

- R 74
- G 1
- B 83
RGB color chart
- C 11
- M 99
- Y 0
- K 17
CMYK color chart

● #bd02d4 color description : Strong magenta.

The hexadecimal color #bd02d4 has RGB values of R:189, G:2, B:212 and CMYK values of C:0.11, M:0.99, Y:0, K:0.17. Its decimal value is 12387028.

Hex triplet	bd02d4	`#bd02d4`
RGB Decimal	189, 2, 212	`rgb(189,2,212)`
RGB Percent	74.1, 0.8, 83.1	`rgb(74.1%,0.8%,83.1%)`
CMYK	11, 99, 0, 17
HSL	293.4°, 98.1, 42	`hsl(293.4,98.1%,42%)`
HSV (or HSB)	293.4°, 99.1, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.469, 81.771, -59.45
XYZ	32.89, 15.618, 63.566
xyY	0.293, 0.139, 15.618
CIE-LCH	46.469, 101.098, 323.982
CIE-LUV	46.469, 54.07, -97.465
Hunter-Lab	39.519, 79.401, -67.704
Binary	10111101, 00000010, 11010100

#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#19d402
```
#19d402 rgb(25,212,2)
```

Complementary Color

#5402d4
```
#5402d4 rgb(84,2,212)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#d40282
```
#d40282 rgb(212,2,130)
```

Analogous Color

#02d454
```
#02d454 rgb(2,212,84)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#82d402
```
#82d402 rgb(130,212,2)
```

Split Complementary Color

#02d4bd
```
#02d4bd rgb(2,212,189)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#d4bd02
```
#d4bd02 rgb(212,189,2)
```

Triadic Color

#790188
```
#790188 rgb(121,1,136)
```
#9002a1
```
#9002a1 rgb(144,2,161)
```
#a602bb
```
#a602bb rgb(166,2,187)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#d402ed
```
#d402ed rgb(212,2,237)
```
#e20cfd
```
#e20cfd rgb(226,12,253)
```
#e526fd
```
#e526fd rgb(229,38,253)
```

Monochromatic Color

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

#8902d4
```
#8902d4 rgb(137,2,212)
```
#9a02d4
```
#9a02d4 rgb(154,2,212)
```
#ac02d4
```
#ac02d4 rgb(172,2,212)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#cf02d4
```
#cf02d4 rgb(207,2,212)
```
#d402c8
```
#d402c8 rgb(212,2,200)
```
#d402b7
```
#d402b7 rgb(212,2,183)
```

Similar Colors

Text with hexadecimal color #bd02d4

This text has a font color of #bd02d4.

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

#bd02d4 background color

This paragraph has a background color of #bd02d4.

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

#bd02d4 border color

This element has a border color of #bd02d4.

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

CSS codes

.text {color:#bd02d4;}

.background {background-color:#bd02d4;}

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

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

#100012
```
#100012 rgb(16,0,18)
```
#210025
```
#210025 rgb(33,0,37)
```
#320139
```
#320139 rgb(50,1,57)
```
#44014c
```
#44014c rgb(68,1,76)
```
#55015f
```
#55015f rgb(85,1,95)
```
#660173
```
#660173 rgb(102,1,115)
```
#780186
```
#780186 rgb(120,1,134)
```
#89019a
```
#89019a rgb(137,1,154)
```
#9a02ad
```
#9a02ad rgb(154,2,173)
```
#ac02c1
```
#ac02c1 rgb(172,2,193)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```
#ce02e7
```
#ce02e7 rgb(206,2,231)
```
#e002fb
```
#e002fb rgb(224,2,251)
```

Shade Color Variation

#e314fd
```
#e314fd rgb(227,20,253)
```
#e627fd
```
#e627fd rgb(230,39,253)
```
#e83bfd
```
#e83bfd rgb(232,59,253)
```
#ea4efd
```
#ea4efd rgb(234,78,253)
```
#ec62fe
```
#ec62fe rgb(236,98,254)
```
#ef75fe
```
#ef75fe rgb(239,117,254)
```
#f189fe
```
#f189fe rgb(241,137,254)
```
#f39cfe
```
#f39cfe rgb(243,156,254)
```
#f6b0fe
```
#f6b0fe rgb(246,176,254)
```
#f8c3fe
```
#f8c3fe rgb(248,195,254)
```
#fad6ff
```
#fad6ff rgb(250,214,255)
```
#fdeaff
```
#fdeaff rgb(253,234,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#706571
```
#706571 rgb(112,101,113)
```
#765d79
```
#765d79 rgb(118,93,121)
```
#7d5482
```
#7d5482 rgb(125,84,130)
```
#834c8a
```
#834c8a rgb(131,76,138)
```
#8a4492
```
#8a4492 rgb(138,68,146)
```
#903c9a
```
#903c9a rgb(144,60,154)
```
#9633a3
```
#9633a3 rgb(150,51,163)
```
#9d2bab
```
#9d2bab rgb(157,43,171)
```
#a323b3
```
#a323b3 rgb(163,35,179)
```
#aa1bbb
```
#aa1bbb rgb(170,27,187)
```
#b012c4
```
#b012c4 rgb(176,18,196)
```
#b70acc
```
#b70acc rgb(183,10,204)
```
#bd02d4
```
#bd02d4 rgb(189,2,212)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#67426c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#2f77c1 Deuteranopia 1% of men
#b05b61 Tritanopia 0.001% of the population

Trichromacy

#4449da Protanomaly 1% of men, 0.01% of women
#634cc8 Deuteranomaly 6% of men, 0.4% of women
#b43b8b Tritanomaly 0.01% of the population