#ca21f0 hex color

In a RGB color space, hex #ca21f0 is composed of 79.2% red, 12.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 86.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 289 degrees, a saturation of 87.3% and a lightness of 53.5%. #ca21f0 color hex could be obtained by blending #ff42ff with #9500e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 13
- B 94
RGB color chart
- C 16
- M 86
- Y 0
- K 6
CMYK color chart

● #ca21f0 color description : Vivid magenta.

The hexadecimal color #ca21f0 has RGB values of R:202, G:33, B:240 and CMYK values of C:0.16, M:0.86, Y:0, K:0.06. Its decimal value is 13246960.

Hex triplet	ca21f0	`#ca21f0`
RGB Decimal	202, 33, 240	`rgb(202,33,240)`
RGB Percent	79.2, 12.9, 94.1	`rgb(79.2%,12.9%,94.1%)`
CMYK	16, 86, 0, 6
HSL	289°, 87.3, 53.5	`hsl(289,87.3%,53.5%)`
HSV (or HSB)	289°, 86.3, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.767, 84.546, -66.694
XYZ	40.627, 19.938, 84.142
xyY	0.281, 0.138, 19.938
CIE-LCH	51.767, 107.685, 321.732
CIE-LUV	51.767, 51.56, -111.235
Hunter-Lab	44.651, 84.273, -80.471
Binary	11001010, 00100001, 11110000

#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#47f021
```
#47f021 rgb(71,240,33)
```

Complementary Color

#6221f0
```
#6221f0 rgb(98,33,240)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#f021af
```
#f021af rgb(240,33,175)
```

Analogous Color

#21f062
```
#21f062 rgb(33,240,98)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#aff021
```
#aff021 rgb(175,240,33)
```

Split Complementary Color

#21f0ca
```
#21f0ca rgb(33,240,202)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#f0ca21
```
#f0ca21 rgb(240,202,33)
```

Triadic Color

#2147f0
```
#2147f0 rgb(33,71,240)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#f0ca21
```
#f0ca21 rgb(240,202,33)
```
#47f021
```
#47f021 rgb(71,240,33)
```

Tetradic Color

#990cb8
```
#990cb8 rgb(153,12,184)
```
#ac0ed0
```
#ac0ed0 rgb(172,14,208)
```
#c010e8
```
#c010e8 rgb(192,16,232)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#d039f2
```
#d039f2 rgb(208,57,242)
```
#d551f3
```
#d551f3 rgb(213,81,243)
```
#db69f5
```
#db69f5 rgb(219,105,245)
```

Monochromatic Color

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

#9621f0
```
#9621f0 rgb(150,33,240)
```
#a821f0
```
#a821f0 rgb(168,33,240)
```
#b921f0
```
#b921f0 rgb(185,33,240)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#db21f0
```
#db21f0 rgb(219,33,240)
```
#ed21f0
```
#ed21f0 rgb(237,33,240)
```
#f021e2
```
#f021e2 rgb(240,33,226)
```

Similar Colors

Text with hexadecimal color #ca21f0

This text has a font color of #ca21f0.

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

#ca21f0 background color

This paragraph has a background color of #ca21f0.

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

#ca21f0 border color

This element has a border color of #ca21f0.

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

CSS codes

.text {color:#ca21f0;}

.background {background-color:#ca21f0;}

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

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

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1d0223
```
#1d0223 rgb(29,2,35)
```
#2c0436
```
#2c0436 rgb(44,4,54)
```
#3c0548
```
#3c0548 rgb(60,5,72)
```
#4b065a
```
#4b065a rgb(75,6,90)
```
#5a076d
```
#5a076d rgb(90,7,109)
```
#69097f
```
#69097f rgb(105,9,127)
```
#790a91
```
#790a91 rgb(121,10,145)
```
#880ba4
```
#880ba4 rgb(136,11,164)
```
#970cb6
```
#970cb6 rgb(151,12,182)
```
#a60ec9
```
#a60ec9 rgb(166,14,201)
```
#b50fdb
```
#b50fdb rgb(181,15,219)
```
#c510ed
```
#c510ed rgb(197,16,237)
```

Shade Color Variation

#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#ce33f1
```
#ce33f1 rgb(206,51,241)
```
#d346f2
```
#d346f2 rgb(211,70,242)
```
#d758f4
```
#d758f4 rgb(215,88,244)
```
#dc6af5
```
#dc6af5 rgb(220,106,245)
```
#e07df6
```
#e07df6 rgb(224,125,246)
```
#e48ff7
```
#e48ff7 rgb(228,143,247)
```
#e9a2f9
```
#e9a2f9 rgb(233,162,249)
```
#edb4fa
```
#edb4fa rgb(237,180,250)
```
#f1c6fb
```
#f1c6fb rgb(241,198,251)
```
#f6d9fc
```
#f6d9fc rgb(246,217,252)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8b858c
```
#8b858c rgb(139,133,140)
```
#907c95
```
#907c95 rgb(144,124,149)
```
#96739e
```
#96739e rgb(150,115,158)
```
#9c6aa7
```
#9c6aa7 rgb(156,106,167)
```
#a261b0
```
#a261b0 rgb(162,97,176)
```
#a758b9
```
#a758b9 rgb(167,88,185)
```
#ad4fc2
```
#ad4fc2 rgb(173,79,194)
```
#b345cc
```
#b345cc rgb(179,69,204)
```
#b93cd5
```
#b93cd5 rgb(185,60,213)
```
#be33de
```
#be33de rgb(190,51,222)
```
#c42ae7
```
#c42ae7 rgb(196,42,231)
```
#ca21f0
```
#ca21f0 rgb(202,33,240)
```
#d018f9
```
#d018f9 rgb(208,24,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e5c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#1f84db Deuteranopia 1% of men
#b96b72 Tritanopia 0.001% of the population

Trichromacy

#495cf4 Protanomaly 1% of men, 0.01% of women
#5d60e2 Deuteranomaly 6% of men, 0.4% of women
#bf50a0 Tritanomaly 0.01% of the population

#ca21f0 hex color

#ca21f0 Color Information

#ca21f0 Color Conversion

Color Schemes with #ca21f0

Alternatives to #ca21f0

#ca21f0 Preview

Shades and Tints of #ca21f0

Tones of #ca21f0

Color Blindness Simulator