#ca20dc hex color

In a RGB color space, hex #ca20dc is composed of 79.2% red, 12.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 85.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 294.3 degrees, a saturation of 74.6% and a lightness of 49.4%. #ca20dc color hex could be obtained by blending #ff40ff with #9500b9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 13
- B 86
RGB color chart
- C 8
- M 85
- Y 0
- K 14
CMYK color chart

● #ca20dc color description : Vivid magenta.

The hexadecimal color #ca20dc has RGB values of R:202, G:32, B:220 and CMYK values of C:0.08, M:0.85, Y:0, K:0.14. Its decimal value is 13246684.

Hex triplet	ca20dc	`#ca20dc`
RGB Decimal	202, 32, 220	`rgb(202,32,220)`
RGB Percent	79.2, 12.5, 86.3	`rgb(79.2%,12.5%,86.3%)`
CMYK	8, 85, 0, 14
HSL	294.3°, 74.6, 49.4	`hsl(294.3,74.6%,49.4%)`
HSV (or HSB)	294.3°, 85.5, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.404, 81.44, -57.577
XYZ	37.791, 18.759, 69.337
xyY	0.3, 0.149, 18.759
CIE-LCH	50.404, 99.738, 324.74
CIE-LUV	50.404, 58.249, -97.034
Hunter-Lab	43.312, 79.951, -64.597
Binary	11001010, 00100000, 11011100

#ca20dc
```
#ca20dc rgb(202,32,220)
```
#32dc20
```
#32dc20 rgb(50,220,32)
```

Complementary Color

#6c20dc
```
#6c20dc rgb(108,32,220)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#dc2090
```
#dc2090 rgb(220,32,144)
```

Analogous Color

#20dc6c
```
#20dc6c rgb(32,220,108)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#90dc20
```
#90dc20 rgb(144,220,32)
```

Split Complementary Color

#20dcca
```
#20dcca rgb(32,220,202)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#dcca20
```
#dcca20 rgb(220,202,32)
```

Triadic Color

#2032dc
```
#2032dc rgb(32,50,220)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#dcca20
```
#dcca20 rgb(220,202,32)
```
#32dc20
```
#32dc20 rgb(50,220,32)
```

Tetradic Color

#8d1699
```
#8d1699 rgb(141,22,153)
```
#a11aaf
```
#a11aaf rgb(161,26,175)
```
#b61dc6
```
#b61dc6 rgb(182,29,198)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#d134e1
```
#d134e1 rgb(209,52,225)
```
#d64ae5
```
#d64ae5 rgb(214,74,229)
```
#db61e8
```
#db61e8 rgb(219,97,232)
```

Monochromatic Color

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

#9b20dc
```
#9b20dc rgb(155,32,220)
```
#ab20dc
```
#ab20dc rgb(171,32,220)
```
#ba20dc
```
#ba20dc rgb(186,32,220)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#da20dc
```
#da20dc rgb(218,32,220)
```
#dc20cf
```
#dc20cf rgb(220,32,207)
```
#dc20bf
```
#dc20bf rgb(220,32,191)
```

Similar Colors

Text with hexadecimal color #ca20dc

This text has a font color of #ca20dc.

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

#ca20dc background color

This paragraph has a background color of #ca20dc.

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

#ca20dc border color

This element has a border color of #ca20dc.

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

CSS codes

.text {color:#ca20dc;}

.background {background-color:#ca20dc;}

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

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

#0d020f
```
#0d020f rgb(13,2,15)
```
#1d0520
```
#1d0520 rgb(29,5,32)
```
#2d0731
```
#2d0731 rgb(45,7,49)
```
#3c0a42
```
#3c0a42 rgb(60,10,66)
```
#4c0c53
```
#4c0c53 rgb(76,12,83)
```
#5c0f64
```
#5c0f64 rgb(92,15,100)
```
#6c1175
```
#6c1175 rgb(108,17,117)
```
#7b1486
```
#7b1486 rgb(123,20,134)
```
#8b1698
```
#8b1698 rgb(139,22,152)
```
#9b19a9
```
#9b19a9 rgb(155,25,169)
```
#ab1bba
```
#ab1bba rgb(171,27,186)
```
#ba1ecb
```
#ba1ecb rgb(186,30,203)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```

Shade Color Variation

#d02fe1
```
#d02fe1 rgb(208,47,225)
```
#d440e3
```
#d440e3 rgb(212,64,227)
```
#d751e6
```
#d751e6 rgb(215,81,230)
```
#db62e8
```
#db62e8 rgb(219,98,232)
```
#df73eb
```
#df73eb rgb(223,115,235)
```
#e385ed
```
#e385ed rgb(227,133,237)
```
#e796f0
```
#e796f0 rgb(231,150,240)
```
#eba7f2
```
#eba7f2 rgb(235,167,242)
```
#efb8f5
```
#efb8f5 rgb(239,184,245)
```
#f3c9f7
```
#f3c9f7 rgb(243,201,247)
```
#f7dafa
```
#f7dafa rgb(247,218,250)
```
#fbebfc
```
#fbebfc rgb(251,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#837785
```
#837785 rgb(131,119,133)
```
#8b6e8e
```
#8b6e8e rgb(139,110,142)
```
#936498
```
#936498 rgb(147,100,152)
```
#9b5aa2
```
#9b5aa2 rgb(155,90,162)
```
#a350ac
```
#a350ac rgb(163,80,172)
```
#ab47b5
```
#ab47b5 rgb(171,71,181)
```
#b23dbf
```
#b23dbf rgb(178,61,191)
```
#ba33c9
```
#ba33c9 rgb(186,51,201)
```
#c22ad2
```
#c22ad2 rgb(194,42,210)
```
#ca20dc
```
#ca20dc rgb(202,32,220)
```
#d216e6
```
#d216e6 rgb(210,22,230)
```
#da0def
```
#da0def rgb(218,13,239)
```
#e203f9
```
#e203f9 rgb(226,3,249)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c5a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#467fca Deuteranopia 1% of men
#bc636a Tritanopia 0.001% of the population

Trichromacy

#495ae9 Protanomaly 1% of men, 0.01% of women
#765dd0 Deuteranomaly 6% of men, 0.4% of women
#c14b93 Tritanomaly 0.01% of the population

#ca20dc hex color

#ca20dc Color Information

#ca20dc Color Conversion

Color Schemes with #ca20dc

Alternatives to #ca20dc

#ca20dc Preview

Shades and Tints of #ca20dc

Tones of #ca20dc

Color Blindness Simulator