#ca3386 hex color

In a RGB color space, hex #ca3386 is composed of 79.2% red, 20% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.8% magenta, 33.7% yellow and 20.8% black. It has a hue angle of 327 degrees, a saturation of 59.7% and a lightness of 49.6%. #ca3386 color hex could be obtained by blending #ff66ff with #95000d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 79
- G 20
- B 53
RGB color chart
- C 0
- M 75
- Y 34
- K 21
CMYK color chart

● #ca3386 color description : Moderate pink.

The hexadecimal color #ca3386 has RGB values of R:202, G:51, B:134 and CMYK values of C:0, M:0.75, Y:0.34, K:0.21. Its decimal value is 13251462.

Hex triplet	ca3386	`#ca3386`
RGB Decimal	202, 51, 134	`rgb(202,51,134)`
RGB Percent	79.2, 20, 52.5	`rgb(79.2%,20%,52.5%)`
CMYK	0, 75, 34, 21
HSL	327°, 59.7, 49.6	`hsl(327,59.7%,49.6%)`
HSV (or HSB)	327°, 74.8, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.814, 64.784, -11.115
XYZ	29.845, 16.648, 24.195
xyY	0.422, 0.236, 16.648
CIE-LCH	47.814, 65.731, 350.264
CIE-LUV	47.814, 87.739, -26.638
Hunter-Lab	40.802, 59.158, -6.596
Binary	11001010, 00110011, 10000110

#ca3386
```
#ca3386 rgb(202,51,134)
```
#33ca77
```
#33ca77 rgb(51,202,119)
```

Complementary Color

#c333ca
```
#c333ca rgb(195,51,202)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#ca333a
```
#ca333a rgb(202,51,58)
```

Analogous Color

#33cac3
```
#33cac3 rgb(51,202,195)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#3bca33
```
#3bca33 rgb(59,202,51)
```

Split Complementary Color

#3386ca
```
#3386ca rgb(51,134,202)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#86ca33
```
#86ca33 rgb(134,202,51)
```

Triadic Color

#7733ca
```
#7733ca rgb(119,51,202)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#86ca33
```
#86ca33 rgb(134,202,51)
```
#33ca77
```
#33ca77 rgb(51,202,119)
```

Tetradic Color

#8d245d
```
#8d245d rgb(141,36,93)
```
#a1296b
```
#a1296b rgb(161,41,107)
```
#b62e78
```
#b62e78 rgb(182,46,120)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#d04692
```
#d04692 rgb(208,70,146)
```
#d55b9e
```
#d55b9e rgb(213,91,158)
```
#db6faa
```
#db6faa rgb(219,111,170)
```

Monochromatic Color

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

#ca33ac
```
#ca33ac rgb(202,51,172)
```
#ca339f
```
#ca339f rgb(202,51,159)
```
#ca3393
```
#ca3393 rgb(202,51,147)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#ca3379
```
#ca3379 rgb(202,51,121)
```
#ca336d
```
#ca336d rgb(202,51,109)
```
#ca3360
```
#ca3360 rgb(202,51,96)
```

Similar Colors

Text with hexadecimal color #ca3386

This text has a font color of #ca3386.

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

#ca3386 background color

This paragraph has a background color of #ca3386.

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

#ca3386 border color

This element has a border color of #ca3386.

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

CSS codes

.text {color:#ca3386;}

.background {background-color:#ca3386;}

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

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

#0e0409
```
#0e0409 rgb(14,4,9)
```
#1e0814
```
#1e0814 rgb(30,8,20)
```
#2d0b1e
```
#2d0b1e rgb(45,11,30)
```
#3d0f28
```
#3d0f28 rgb(61,15,40)
```
#4d1333
```
#4d1333 rgb(77,19,51)
```
#5c173d
```
#5c173d rgb(92,23,61)
```
#6c1b48
```
#6c1b48 rgb(108,27,72)
```
#7c1f52
```
#7c1f52 rgb(124,31,82)
```
#8b235c
```
#8b235c rgb(139,35,92)
```
#9b2767
```
#9b2767 rgb(155,39,103)
```
#ab2b71
```
#ab2b71 rgb(171,43,113)
```
#ba2f7c
```
#ba2f7c rgb(186,47,124)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```

Shade Color Variation

#cf418f
```
#cf418f rgb(207,65,143)
```
#d35199
```
#d35199 rgb(211,81,153)
```
#d761a2
```
#d761a2 rgb(215,97,162)
```
#db70ab
```
#db70ab rgb(219,112,171)
```
#df80b4
```
#df80b4 rgb(223,128,180)
```
#e390bd
```
#e390bd rgb(227,144,189)
```
#e79fc7
```
#e79fc7 rgb(231,159,199)
```
#ebafd0
```
#ebafd0 rgb(235,175,208)
```
#efbfd9
```
#efbfd9 rgb(239,191,217)
```
#f3cee2
```
#f3cee2 rgb(243,206,226)
```
#f7deec
```
#f7deec rgb(247,222,236)
```
#fbeef5
```
#fbeef5 rgb(251,238,245)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#86777f
```
#86777f rgb(134,119,127)
```
#906d80
```
#906d80 rgb(144,109,128)
```
#996481
```
#996481 rgb(153,100,129)
```
#a35a82
```
#a35a82 rgb(163,90,130)
```
#ad5083
```
#ad5083 rgb(173,80,131)
```
#b74684
```
#b74684 rgb(183,70,132)
```
#c03d85
```
#c03d85 rgb(192,61,133)
```
#ca3386
```
#ca3386 rgb(202,51,134)
```
#d42987
```
#d42987 rgb(212,41,135)
```
#dd2088
```
#dd2088 rgb(221,32,136)
```
#e71689
```
#e71689 rgb(231,22,137)
```
#f10c8a
```
#f10c8a rgb(241,12,138)
```
#fb028b
```
#fb028b rgb(251,2,139)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7d5f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6477ad Protanopia 1% of men
#807580 Deuteranopia 1% of men
#c84e52 Tritanopia 0.001% of the population

Trichromacy

#895e9f Protanomaly 1% of men, 0.01% of women
#9b5d82 Deuteranomaly 6% of men, 0.4% of women
#c84465 Tritanomaly 0.01% of the population

#ca3386 hex color

#ca3386 Color Information

#ca3386 Color Conversion

Color Schemes with #ca3386

Alternatives to #ca3386

#ca3386 Preview

Shades and Tints of #ca3386

Tones of #ca3386

Color Blindness Simulator