#ca12e4 hex color

In a RGB color space, hex #ca12e4 is composed of 79.2% red, 7.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 92.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 292.6 degrees, a saturation of 85.4% and a lightness of 48.2%. #ca12e4 color hex could be obtained by blending #ff24ff with #9500c9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 79
- G 7
- B 89
RGB color chart
- C 11
- M 92
- Y 0
- K 11
CMYK color chart

● #ca12e4 color description : Vivid magenta.

The hexadecimal color #ca12e4 has RGB values of R:202, G:18, B:228 and CMYK values of C:0.11, M:0.92, Y:0, K:0.11. Its decimal value is 13243108.

Hex triplet	ca12e4	`#ca12e4`
RGB Decimal	202, 18, 228	`rgb(202,18,228)`
RGB Percent	79.2, 7.1, 89.4	`rgb(79.2%,7.1%,89.4%)`
CMYK	11, 92, 0, 11
HSL	292.6°, 85.4, 48.2	`hsl(292.6,85.4%,48.2%)`
HSV (or HSB)	292.6°, 92.1, 89.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	50.207, 84.817, -62.441
XYZ	38.576, 18.593, 74.951
xyY	0.292, 0.141, 18.593
CIE-LCH	50.207, 105.322, 323.64
CIE-LUV	50.207, 56.577, -104.29
Hunter-Lab	43.119, 84.232, -72.876
Binary	11001010, 00010010, 11100100

#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#2ce412
```
#2ce412 rgb(44,228,18)
```

Complementary Color

#6112e4
```
#6112e4 rgb(97,18,228)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#e41295
```
#e41295 rgb(228,18,149)
```

Analogous Color

#12e461
```
#12e461 rgb(18,228,97)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#95e412
```
#95e412 rgb(149,228,18)
```

Split Complementary Color

#12e4ca
```
#12e4ca rgb(18,228,202)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#e4ca12
```
#e4ca12 rgb(228,202,18)
```

Triadic Color

#122ce4
```
#122ce4 rgb(18,44,228)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#e4ca12
```
#e4ca12 rgb(228,202,18)
```
#2ce412
```
#2ce412 rgb(44,228,18)
```

Tetradic Color

#8b0c9d
```
#8b0c9d rgb(139,12,157)
```
#a00eb5
```
#a00eb5 rgb(160,14,181)
```
#b510cc
```
#b510cc rgb(181,16,204)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#d422ee
```
#d422ee rgb(212,34,238)
```
#d93aef
```
#d93aef rgb(217,58,239)
```
#dd51f1
```
#dd51f1 rgb(221,81,241)
```

Monochromatic Color

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

#9612e4
```
#9612e4 rgb(150,18,228)
```
#a712e4
```
#a712e4 rgb(167,18,228)
```
#b912e4
```
#b912e4 rgb(185,18,228)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#dc12e4
```
#dc12e4 rgb(220,18,228)
```
#e412db
```
#e412db rgb(228,18,219)
```
#e412ca
```
#e412ca rgb(228,18,202)
```

Similar Colors

Text with hexadecimal color #ca12e4

This text has a font color of #ca12e4.

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

#ca12e4 background color

This paragraph has a background color of #ca12e4.

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

#ca12e4 border color

This element has a border color of #ca12e4.

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

CSS codes

.text {color:#ca12e4;}

.background {background-color:#ca12e4;}

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

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, #09010a is the darkest color, while #fdf7fe is the lightest one.

#09010a
```
#09010a rgb(9,1,10)
```
#19021c
```
#19021c rgb(25,2,28)
```
#29042e
```
#29042e rgb(41,4,46)
```
#390540
```
#390540 rgb(57,5,64)
```
#490753
```
#490753 rgb(73,7,83)
```
#590865
```
#590865 rgb(89,8,101)
```
#690977
```
#690977 rgb(105,9,119)
```
#790b89
```
#790b89 rgb(121,11,137)
```
#8a0c9b
```
#8a0c9b rgb(138,12,155)
```
#9a0ead
```
#9a0ead rgb(154,14,173)
```
#aa0fc0
```
#aa0fc0 rgb(170,15,192)
```
#ba11d2
```
#ba11d2 rgb(186,17,210)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```

Shade Color Variation

#d31ced
```
#d31ced rgb(211,28,237)
```
#d72fef
```
#d72fef rgb(215,47,239)
```
#da41f0
```
#da41f0 rgb(218,65,240)
```
#de53f1
```
#de53f1 rgb(222,83,241)
```
#e165f3
```
#e165f3 rgb(225,101,243)
```
#e577f4
```
#e577f4 rgb(229,119,244)
```
#e88af6
```
#e88af6 rgb(232,138,246)
```
#ec9cf7
```
#ec9cf7 rgb(236,156,247)
```
#efaef9
```
#efaef9 rgb(239,174,249)
```
#f3c0fa
```
#f3c0fa rgb(243,192,250)
```
#f6d2fb
```
#f6d2fb rgb(246,210,251)
```
#fae4fd
```
#fae4fd rgb(250,228,253)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#7c7a7c
```
#7c7a7c rgb(124,122,124)
```
#837185
```
#837185 rgb(131,113,133)
```
#8a678f
```
#8a678f rgb(138,103,143)
```
#915e98
```
#915e98 rgb(145,94,152)
```
#9854a2
```
#9854a2 rgb(152,84,162)
```
#9f4bab
```
#9f4bab rgb(159,75,171)
```
#a641b5
```
#a641b5 rgb(166,65,181)
```
#ae38be
```
#ae38be rgb(174,56,190)
```
#b52ec8
```
#b52ec8 rgb(181,46,200)
```
#bc25d1
```
#bc25d1 rgb(188,37,209)
```
#c31bdb
```
#c31bdb rgb(195,27,219)
```
#ca12e4
```
#ca12e4 rgb(202,18,228)
```
#d109ed
```
#d109ed rgb(209,9,237)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#76517b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#347fd0 Deuteranopia 1% of men
#bb646a Tritanopia 0.001% of the population

Trichromacy

#4954eb Protanomaly 1% of men, 0.01% of women
#6b57d7 Deuteranomaly 6% of men, 0.4% of women
#c04696 Tritanomaly 0.01% of the population

#ca12e4 hex color

#ca12e4 Color Information

#ca12e4 Color Conversion

Color Schemes with #ca12e4

Alternatives to #ca12e4

#ca12e4 Preview

Shades and Tints of #ca12e4

Tones of #ca12e4

Color Blindness Simulator