#ca2bd4 hex color

In a RGB color space, hex #ca2bd4 is composed of 79.2% red, 16.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 79.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 296.4 degrees, a saturation of 66.3% and a lightness of 50%. #ca2bd4 color hex could be obtained by blending #ff56ff with #9500a9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 17
- B 83
RGB color chart
- C 5
- M 80
- Y 0
- K 17
CMYK color chart

● #ca2bd4 color description : Strong magenta.

The hexadecimal color #ca2bd4 has RGB values of R:202, G:43, B:212 and CMYK values of C:0.05, M:0.8, Y:0, K:0.17. Its decimal value is 13249492.

Hex triplet	ca2bd4	`#ca2bd4`
RGB Decimal	202, 43, 212	`rgb(202,43,212)`
RGB Percent	79.2, 16.9, 83.1	`rgb(79.2%,16.9%,83.1%)`
CMYK	5, 80, 0, 17
HSL	296.4°, 66.3, 50	`hsl(296.4,66.3%,50%)`
HSV (or HSB)	296.4°, 79.7, 83.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.734, 77.777, -52.479
XYZ	37.104, 19.04, 64.005
xyY	0.309, 0.158, 19.04
CIE-LCH	50.734, 93.826, 325.991
CIE-LUV	50.734, 59.69, -89.312
Hunter-Lab	43.635, 75.421, -56.423
Binary	11001010, 00101011, 11010100

#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#35d42b
```
#35d42b rgb(53,212,43)
```

Complementary Color

#762bd4
```
#762bd4 rgb(118,43,212)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#d42b8a
```
#d42b8a rgb(212,43,138)
```

Analogous Color

#2bd476
```
#2bd476 rgb(43,212,118)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#8ad42b
```
#8ad42b rgb(138,212,43)
```

Split Complementary Color

#2bd4ca
```
#2bd4ca rgb(43,212,202)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#d4ca2b
```
#d4ca2b rgb(212,202,43)
```

Triadic Color

#2b35d4
```
#2b35d4 rgb(43,53,212)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#d4ca2b
```
#d4ca2b rgb(212,202,43)
```
#35d42b
```
#35d42b rgb(53,212,43)
```

Tetradic Color

#8d1e94
```
#8d1e94 rgb(141,30,148)
```
#a222aa
```
#a222aa rgb(162,34,170)
```
#b627bf
```
#b627bf rgb(182,39,191)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#cf40d8
```
#cf40d8 rgb(207,64,216)
```
#d555dd
```
#d555dd rgb(213,85,221)
```
#da6be1
```
#da6be1 rgb(218,107,225)
```

Monochromatic Color

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

#a02bd4
```
#a02bd4 rgb(160,43,212)
```
#ae2bd4
```
#ae2bd4 rgb(174,43,212)
```
#bc2bd4
```
#bc2bd4 rgb(188,43,212)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#d42bd0
```
#d42bd0 rgb(212,43,208)
```
#d42bc2
```
#d42bc2 rgb(212,43,194)
```
#d42bb4
```
#d42bb4 rgb(212,43,180)
```

Similar Colors

Text with hexadecimal color #ca2bd4

This text has a font color of #ca2bd4.

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

#ca2bd4 background color

This paragraph has a background color of #ca2bd4.

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

#ca2bd4 border color

This element has a border color of #ca2bd4.

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

CSS codes

.text {color:#ca2bd4;}

.background {background-color:#ca2bd4;}

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

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

#100310
```
#100310 rgb(16,3,16)
```
#1f0721
```
#1f0721 rgb(31,7,33)
```
#2f0a31
```
#2f0a31 rgb(47,10,49)
```
#3e0d41
```
#3e0d41 rgb(62,13,65)
```
#4e1152
```
#4e1152 rgb(78,17,82)
```
#5d1462
```
#5d1462 rgb(93,20,98)
```
#6d1772
```
#6d1772 rgb(109,23,114)
```
#7c1a82
```
#7c1a82 rgb(124,26,130)
```
#8c1e93
```
#8c1e93 rgb(140,30,147)
```
#9b21a3
```
#9b21a3 rgb(155,33,163)
```
#ab24b3
```
#ab24b3 rgb(171,36,179)
```
#ba28c4
```
#ba28c4 rgb(186,40,196)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```

Shade Color Variation

#ce3bd7
```
#ce3bd7 rgb(206,59,215)
```
#d24cdb
```
#d24cdb rgb(210,76,219)
```
#d65cde
```
#d65cde rgb(214,92,222)
```
#da6ce1
```
#da6ce1 rgb(218,108,225)
```
#de7de5
```
#de7de5 rgb(222,125,229)
```
#e28de8
```
#e28de8 rgb(226,141,232)
```
#e79deb
```
#e79deb rgb(231,157,235)
```
#ebadee
```
#ebadee rgb(235,173,238)
```
#efbef2
```
#efbef2 rgb(239,190,242)
```
#f3cef5
```
#f3cef5 rgb(243,206,245)
```
#f7def8
```
#f7def8 rgb(247,222,248)
```
#fbeffc
```
#fbeffc rgb(251,239,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857986
```
#857986 rgb(133,121,134)
```
#8d708f
```
#8d708f rgb(141,112,143)
```
#966699
```
#966699 rgb(150,102,153)
```
#9f5ca3
```
#9f5ca3 rgb(159,92,163)
```
#a752ad
```
#a752ad rgb(167,82,173)
```
#b048b7
```
#b048b7 rgb(176,72,183)
```
#b93fc0
```
#b93fc0 rgb(185,63,192)
```
#c135ca
```
#c135ca rgb(193,53,202)
```
#ca2bd4
```
#ca2bd4 rgb(202,43,212)
```
#d321de
```
#d321de rgb(211,33,222)
```
#db17e8
```
#db17e8 rgb(219,23,232)
```
#e40ef1
```
#e40ef1 rgb(228,14,241)
```
#ed04fb
```
#ed04fb rgb(237,4,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#806182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#5480c4 Deuteranopia 1% of men
#be646a Tritanopia 0.001% of the population

Trichromacy

#495ee7 Protanomaly 1% of men, 0.01% of women
#7e61c9 Deuteranomaly 6% of men, 0.4% of women
#c24f90 Tritanomaly 0.01% of the population

#ca2bd4 hex color

#ca2bd4 Color Information

#ca2bd4 Color Conversion

Color Schemes with #ca2bd4

Alternatives to #ca2bd4

#ca2bd4 Preview

Shades and Tints of #ca2bd4

Tones of #ca2bd4

Color Blindness Simulator