#ca18a4 hex color

In a RGB color space, hex #ca18a4 is composed of 79.2% red, 9.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.1% magenta, 18.8% yellow and 20.8% black. It has a hue angle of 312.8 degrees, a saturation of 78.8% and a lightness of 44.3%. #ca18a4 color hex could be obtained by blending #ff30ff with #950049. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 79
- G 9
- B 64
RGB color chart
- C 0
- M 88
- Y 19
- K 21
CMYK color chart

● #ca18a4 color description : Strong magenta.

The hexadecimal color #ca18a4 has RGB values of R:202, G:24, B:164 and CMYK values of C:0, M:0.88, Y:0.19, K:0.21. Its decimal value is 13244580.

Hex triplet	ca18a4	`#ca18a4`
RGB Decimal	202, 24, 164	`rgb(202,24,164)`
RGB Percent	79.2, 9.4, 64.3	`rgb(79.2%,9.4%,64.3%)`
CMYK	0, 88, 19, 21
HSL	312.8°, 78.8, 44.3	`hsl(312.8,78.8%,44.3%)`
HSV (or HSB)	312.8°, 88.1, 79.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	46.834, 74.757, -30.644
XYZ	31.385, 15.893, 36.535
xyY	0.374, 0.19, 15.893
CIE-LCH	46.834, 80.794, 337.711
CIE-LUV	46.834, 81.014, -55.595
Hunter-Lab	39.866, 70.76, -26.43
Binary	11001010, 00011000, 10100100

#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#18ca3e
```
#18ca3e rgb(24,202,62)
```

Complementary Color

#9718ca
```
#9718ca rgb(151,24,202)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#ca184b
```
#ca184b rgb(202,24,75)
```

Analogous Color

#18ca97
```
#18ca97 rgb(24,202,151)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#4bca18
```
#4bca18 rgb(75,202,24)
```

Split Complementary Color

#18a4ca
```
#18a4ca rgb(24,164,202)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#a4ca18
```
#a4ca18 rgb(164,202,24)
```

Triadic Color

#3e18ca
```
#3e18ca rgb(62,24,202)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#a4ca18
```
#a4ca18 rgb(164,202,24)
```
#18ca3e
```
#18ca3e rgb(24,202,62)
```

Tetradic Color

#86106c
```
#86106c rgb(134,16,108)
```
#9c137f
```
#9c137f rgb(156,19,127)
```
#b31591
```
#b31591 rgb(179,21,145)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#e11bb7
```
#e11bb7 rgb(225,27,183)
```
#e62fbf
```
#e62fbf rgb(230,47,191)
```
#e946c6
```
#e946c6 rgb(233,70,198)
```

Monochromatic Color

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

#c418ca
```
#c418ca rgb(196,24,202)
```
#ca18c2
```
#ca18c2 rgb(202,24,194)
```
#ca18b3
```
#ca18b3 rgb(202,24,179)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#ca1895
```
#ca1895 rgb(202,24,149)
```
#ca1886
```
#ca1886 rgb(202,24,134)
```
#ca1878
```
#ca1878 rgb(202,24,120)
```

Similar Colors

Text with hexadecimal color #ca18a4

This text has a font color of #ca18a4.

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

#ca18a4 background color

This paragraph has a background color of #ca18a4.

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

#ca18a4 border color

This element has a border color of #ca18a4.

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

CSS codes

.text {color:#ca18a4;}

.background {background-color:#ca18a4;}

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

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, #090107 is the darkest color, while #fef7fc is the lightest one.

#090107
```
#090107 rgb(9,1,7)
```
#1b0316
```
#1b0316 rgb(27,3,22)
```
#2c0524
```
#2c0524 rgb(44,5,36)
```
#3e0732
```
#3e0732 rgb(62,7,50)
```
#4f0940
```
#4f0940 rgb(79,9,64)
```
#610c4f
```
#610c4f rgb(97,12,79)
```
#720e5d
```
#720e5d rgb(114,14,93)
```
#84106b
```
#84106b rgb(132,16,107)
```
#951279
```
#951279 rgb(149,18,121)
```
#a71488
```
#a71488 rgb(167,20,136)
```
#b81696
```
#b81696 rgb(184,22,150)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#dc1ab2
```
#dc1ab2 rgb(220,26,178)
```

Shade Color Variation

#e524bc
```
#e524bc rgb(229,36,188)
```
#e736c1
```
#e736c1 rgb(231,54,193)
```
#e947c7
```
#e947c7 rgb(233,71,199)
```
#eb59cc
```
#eb59cc rgb(235,89,204)
```
#ed6ad1
```
#ed6ad1 rgb(237,106,209)
```
#ef7cd7
```
#ef7cd7 rgb(239,124,215)
```
#f28ddc
```
#f28ddc rgb(242,141,220)
```
#f49fe2
```
#f49fe2 rgb(244,159,226)
```
#f6b0e7
```
#f6b0e7 rgb(246,176,231)
```
#f8c2ec
```
#f8c2ec rgb(248,194,236)
```
#fad4f2
```
#fad4f2 rgb(250,212,242)
```
#fce5f7
```
#fce5f7 rgb(252,229,247)
```
#fef7fc
```
#fef7fc rgb(254,247,252)
```

Tint Color Variation

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

#736f72
```
#736f72 rgb(115,111,114)
```
#7c6677
```
#7c6677 rgb(124,102,119)
```
#845e7c
```
#845e7c rgb(132,94,124)
```
#8d5581
```
#8d5581 rgb(141,85,129)
```
#964c86
```
#964c86 rgb(150,76,134)
```
#9f438b
```
#9f438b rgb(159,67,139)
```
#a73b90
```
#a73b90 rgb(167,59,144)
```
#b03295
```
#b03295 rgb(176,50,149)
```
#b9299a
```
#b9299a rgb(185,41,154)
```
#c1219f
```
#c1219f rgb(193,33,159)
```
#ca18a4
```
#ca18a4 rgb(202,24,164)
```
#d30fa9
```
#d30fa9 rgb(211,15,169)
```
#db07ae
```
#db07ae rgb(219,7,174)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#734f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c73da Protanopia 1% of men
#6d7499 Deuteranopia 1% of men
#c44c51 Tritanopia 0.001% of the population

Trichromacy

#6551c6 Protanomaly 1% of men, 0.01% of women
#8e539d Deuteranomaly 6% of men, 0.4% of women
#c6396f Tritanomaly 0.01% of the population

#ca18a4 hex color

#ca18a4 Color Information

#ca18a4 Color Conversion

Color Schemes with #ca18a4

Alternatives to #ca18a4

#ca18a4 Preview

Shades and Tints of #ca18a4

Tones of #ca18a4

Color Blindness Simulator