colorhexa.com

#ca21fd hex color

In a RGB color space, hex #ca21fd is composed of 79.2% red, 12.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 87% magenta, 0% yellow and 0.8% black. It has a hue angle of 286.1 degrees, a saturation of 98.2% and a lightness of 56.1%. #ca21fd color hex could be obtained by blending #ff42ff with #9500fb. Closest websafe color is: #cc33ff.

- R 79
- G 13
- B 99
RGB color chart
- C 20
- M 87
- Y 0
- K 1
CMYK color chart

● #ca21fd color description : Vivid magenta.

The hexadecimal color #ca21fd has RGB values of R:202, G:33, B:253 and CMYK values of C:0.2, M:0.87, Y:0, K:0.01. Its decimal value is 13246973.

Hex triplet	ca21fd	`#ca21fd`
RGB Decimal	202, 33, 253	`rgb(202,33,253)`
RGB Percent	79.2, 12.9, 99.2	`rgb(79.2%,12.9%,99.2%)`
CMYK	20, 87, 0, 1
HSL	286.1°, 98.2, 56.1	`hsl(286.1,98.2%,56.1%)`
HSV (or HSB)	286.1°, 87, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.661, 86.773, -72.514
XYZ	42.628, 20.738, 94.68
xyY	0.27, 0.131, 20.738
CIE-LCH	52.661, 113.084, 320.115
CIE-LUV	52.661, 47.602, -120.267
Hunter-Lab	45.539, 87.399, -91.393
Binary	11001010, 00100001, 11111101

#ca21fd
```
#ca21fd rgb(202,33,253)
```
#54fd21
```
#54fd21 rgb(84,253,33)
```

Complementary Color

#5c21fd
```
#5c21fd rgb(92,33,253)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#fd21c2
```
#fd21c2 rgb(253,33,194)
```

Analogous Color

#21fd5c
```
#21fd5c rgb(33,253,92)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#c2fd21
```
#c2fd21 rgb(194,253,33)
```

Split Complementary Color

#21fdca
```
#21fdca rgb(33,253,202)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#fdca21
```
#fdca21 rgb(253,202,33)
```

Triadic Color

#2154fd
```
#2154fd rgb(33,84,253)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#fdca21
```
#fdca21 rgb(253,202,33)
```
#54fd21
```
#54fd21 rgb(84,253,33)
```

Tetradic Color

#a002d0
```
#a002d0 rgb(160,2,208)
```
#b302e9
```
#b302e9 rgb(179,2,233)
```
#c408fd
```
#c408fd rgb(196,8,253)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#d03afd
```
#d03afd rgb(208,58,253)
```
#d654fd
```
#d654fd rgb(214,84,253)
```
#dc6dfe
```
#dc6dfe rgb(220,109,254)
```

Monochromatic Color

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

#9321fd
```
#9321fd rgb(147,33,253)
```
#a521fd
```
#a521fd rgb(165,33,253)
```
#b821fd
```
#b821fd rgb(184,33,253)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#dc21fd
```
#dc21fd rgb(220,33,253)
```
#ef21fd
```
#ef21fd rgb(239,33,253)
```
#fd21f9
```
#fd21f9 rgb(253,33,249)
```

Similar Colors

Text with hexadecimal color #ca21fd

This text has a font color of #ca21fd.

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

#ca21fd background color

This paragraph has a background color of #ca21fd.

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

#ca21fd border color

This element has a border color of #ca21fd.

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

CSS codes

.text {color:#ca21fd;}

.background {background-color:#ca21fd;}

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

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, #09000b is the darkest color, while #fdf7ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#18001f
```
#18001f rgb(24,0,31)
```
#270032
```
#270032 rgb(39,0,50)
```
#360146
```
#360146 rgb(54,1,70)
```
#450159
```
#450159 rgb(69,1,89)
```
#54016c
```
#54016c rgb(84,1,108)
```
#630180
```
#630180 rgb(99,1,128)
```
#720193
```
#720193 rgb(114,1,147)
```
#8002a7
```
#8002a7 rgb(128,2,167)
```
#8f02ba
```
#8f02ba rgb(143,2,186)
```
#9e02ce
```
#9e02ce rgb(158,2,206)
```
#ad02e1
```
#ad02e1 rgb(173,2,225)
```
#bc02f5
```
#bc02f5 rgb(188,2,245)
```

Shade Color Variation

#c50efd
```
#c50efd rgb(197,14,253)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```
#cf34fd
```
#cf34fd rgb(207,52,253)
```
#d348fd
```
#d348fd rgb(211,72,253)
```
#d85bfe
```
#d85bfe rgb(216,91,254)
```
#dd6ffe
```
#dd6ffe rgb(221,111,254)
```
#e182fe
```
#e182fe rgb(225,130,254)
```
#e696fe
```
#e696fe rgb(230,150,254)
```
#eaa9fe
```
#eaa9fe rgb(234,169,254)
```
#efbdfe
```
#efbdfe rgb(239,189,254)
```
#f4d0ff
```
#f4d0ff rgb(244,208,255)
```
#f8e3ff
```
#f8e3ff rgb(248,227,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#938896
```
#938896 rgb(147,136,150)
```
#97809e
```
#97809e rgb(151,128,158)
```
#9c77a7
```
#9c77a7 rgb(156,119,167)
```
#a06faf
```
#a06faf rgb(160,111,175)
```
#a566b8
```
#a566b8 rgb(165,102,184)
```
#aa5dc1
```
#aa5dc1 rgb(170,93,193)
```
#ae55c9
```
#ae55c9 rgb(174,85,201)
```
#b34cd2
```
#b34cd2 rgb(179,76,210)
```
#b843db
```
#b843db rgb(184,67,219)
```
#bc3be3
```
#bc3be3 rgb(188,59,227)
```
#c132ec
```
#c132ec rgb(193,50,236)
```
#c52af4
```
#c52af4 rgb(197,42,244)
```
#ca21fd
```
#ca21fd rgb(202,33,253)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#805e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0086df Deuteranopia 1% of men
#b67078 Tritanopia 0.001% of the population

Trichromacy

#495dfb Protanomaly 1% of men, 0.01% of women
#4961ea Deuteranomaly 6% of men, 0.4% of women
#bd53a8 Tritanomaly 0.01% of the population