#ca20ed hex color

In a RGB color space, hex #ca20ed is composed of 79.2% red, 12.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 86.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 289.8 degrees, a saturation of 85.1% and a lightness of 52.7%. #ca20ed color hex could be obtained by blending #ff40ff with #9500db. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 13
- B 93
RGB color chart
- C 15
- M 86
- Y 0
- K 7
CMYK color chart

● #ca20ed color description : Vivid magenta.

The hexadecimal color #ca20ed has RGB values of R:202, G:32, B:237 and CMYK values of C:0.15, M:0.86, Y:0, K:0.07. Its decimal value is 13246701.

Hex triplet	ca20ed	`#ca20ed`
RGB Decimal	202, 32, 237	`rgb(202,32,237)`
RGB Percent	79.2, 12.5, 92.9	`rgb(79.2%,12.5%,92.9%)`
CMYK	15, 86, 0, 7
HSL	289.8°, 85.1, 52.7	`hsl(289.8,85.1%,52.7%)`
HSV (or HSB)	289.8°, 86.5, 92.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.503, 84.225, -65.433
XYZ	40.158, 19.706, 81.805
xyY	0.283, 0.139, 19.706
CIE-LCH	51.503, 106.655, 322.157
CIE-LUV	51.503, 52.598, -109.245
Hunter-Lab	44.391, 83.792, -78.185
Binary	11001010, 00100000, 11101101

#ca20ed
```
#ca20ed rgb(202,32,237)
```
#43ed20
```
#43ed20 rgb(67,237,32)
```

Complementary Color

#6420ed
```
#6420ed rgb(100,32,237)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#ed20aa
```
#ed20aa rgb(237,32,170)
```

Analogous Color

#20ed64
```
#20ed64 rgb(32,237,100)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#aaed20
```
#aaed20 rgb(170,237,32)
```

Split Complementary Color

#20edca
```
#20edca rgb(32,237,202)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#edca20
```
#edca20 rgb(237,202,32)
```

Triadic Color

#2043ed
```
#2043ed rgb(32,67,237)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#edca20
```
#edca20 rgb(237,202,32)
```
#43ed20
```
#43ed20 rgb(67,237,32)
```

Tetradic Color

#960eb2
```
#960eb2 rgb(150,14,178)
```
#aa10ca
```
#aa10ca rgb(170,16,202)
```
#be12e1
```
#be12e1 rgb(190,18,225)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#d038ef
```
#d038ef rgb(208,56,239)
```
#d54ff1
```
#d54ff1 rgb(213,79,241)
```
#db67f3
```
#db67f3 rgb(219,103,243)
```

Monochromatic Color

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

#9720ed
```
#9720ed rgb(151,32,237)
```
#a820ed
```
#a820ed rgb(168,32,237)
```
#b920ed
```
#b920ed rgb(185,32,237)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#db20ed
```
#db20ed rgb(219,32,237)
```
#ec20ed
```
#ec20ed rgb(236,32,237)
```
#ed20dd
```
#ed20dd rgb(237,32,221)
```

Similar Colors

Text with hexadecimal color #ca20ed

This text has a font color of #ca20ed.

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

#ca20ed background color

This paragraph has a background color of #ca20ed.

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

#ca20ed border color

This element has a border color of #ca20ed.

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

CSS codes

.text {color:#ca20ed;}

.background {background-color:#ca20ed;}

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

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

#0b010d
```
#0b010d rgb(11,1,13)
```
#1a031f
```
#1a031f rgb(26,3,31)
```
#2a0431
```
#2a0431 rgb(42,4,49)
```
#390543
```
#390543 rgb(57,5,67)
```
#480756
```
#480756 rgb(72,7,86)
```
#570868
```
#570868 rgb(87,8,104)
```
#670a7a
```
#670a7a rgb(103,10,122)
```
#760b8c
```
#760b8c rgb(118,11,140)
```
#850d9e
```
#850d9e rgb(133,13,158)
```
#950eb0
```
#950eb0 rgb(149,14,176)
```
#a410c2
```
#a410c2 rgb(164,16,194)
```
#b311d5
```
#b311d5 rgb(179,17,213)
```
#c313e7
```
#c313e7 rgb(195,19,231)
```

Shade Color Variation

#ca20ed
```
#ca20ed rgb(202,32,237)
```
#ce32ee
```
#ce32ee rgb(206,50,238)
```
#d344f0
```
#d344f0 rgb(211,68,240)
```
#d756f1
```
#d756f1 rgb(215,86,241)
```
#db69f3
```
#db69f3 rgb(219,105,243)
```
#e07bf4
```
#e07bf4 rgb(224,123,244)
```
#e48df6
```
#e48df6 rgb(228,141,246)
```
#e89ff7
```
#e89ff7 rgb(232,159,247)
```
#edb1f9
```
#edb1f9 rgb(237,177,249)
```
#f1c3fa
```
#f1c3fa rgb(241,195,250)
```
#f5d6fc
```
#f5d6fc rgb(245,214,252)
```
#f9e8fd
```
#f9e8fd rgb(249,232,253)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#878687
```
#878687 rgb(135,134,135)
```
#8d7d90
```
#8d7d90 rgb(141,125,144)
```
#93739a
```
#93739a rgb(147,115,154)
```
#996aa3
```
#996aa3 rgb(153,106,163)
```
#9f61ac
```
#9f61ac rgb(159,97,172)
```
#a558b5
```
#a558b5 rgb(165,88,181)
```
#ab4ebf
```
#ab4ebf rgb(171,78,191)
```
#b245c8
```
#b245c8 rgb(178,69,200)
```
#b83cd1
```
#b83cd1 rgb(184,60,209)
```
#be33da
```
#be33da rgb(190,51,218)
```
#c429e4
```
#c429e4 rgb(196,41,228)
```
#ca20ed
```
#ca20ed rgb(202,32,237)
```
#d017f6
```
#d017f6 rgb(208,23,246)
```

Tone Color Variation

Below, you can see how #ca20ed 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
#7d5b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#2883d8 Deuteranopia 1% of men
#b96a71 Tritanopia 0.001% of the population

Trichromacy

#495bf2 Protanomaly 1% of men, 0.01% of women
#635fe0 Deuteranomaly 6% of men, 0.4% of women
#bf4f9e Tritanomaly 0.01% of the population

#ca20ed hex color

#ca20ed Color Information

#ca20ed Color Conversion

Color Schemes with #ca20ed

Alternatives to #ca20ed

#ca20ed Preview

Shades and Tints of #ca20ed

Tones of #ca20ed

Color Blindness Simulator