colorhexa.com

#ca18f2 hex color

In a RGB color space, hex #ca18f2 is composed of 79.2% red, 9.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 90.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 289 degrees, a saturation of 89.3% and a lightness of 52.2%. #ca18f2 color hex could be obtained by blending #ff30ff with #9500e5. Closest websafe color is: #cc00ff.

- R 79
- G 9
- B 95
RGB color chart
- C 17
- M 90
- Y 0
- K 5
CMYK color chart

● #ca18f2 color description : Vivid magenta.

The hexadecimal color #ca18f2 has RGB values of R:202, G:24, B:242 and CMYK values of C:0.17, M:0.9, Y:0, K:0.05. Its decimal value is 13244658.

Hex triplet	ca18f2	`#ca18f2`
RGB Decimal	202, 24, 242	`rgb(202,24,242)`
RGB Percent	79.2, 9.4, 94.9	`rgb(79.2%,9.4%,94.9%)`
CMYK	17, 90, 0, 5
HSL	289°, 89.3, 52.2	`hsl(289,89.3%,52.2%)`
HSV (or HSB)	289°, 90.1, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	51.408, 86.344, -68.397
XYZ	40.709, 19.623, 85.643
xyY	0.279, 0.134, 19.623
CIE-LCH	51.408, 110.152, 321.616
CIE-LUV	51.408, 51.614, -113.616
Hunter-Lab	44.297, 86.52, -83.621
Binary	11001010, 00011000, 11110010

#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#40f218
```
#40f218 rgb(64,242,24)
```

Complementary Color

#5d18f2
```
#5d18f2 rgb(93,24,242)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#f218ad
```
#f218ad rgb(242,24,173)
```

Analogous Color

#18f25d
```
#18f25d rgb(24,242,93)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#adf218
```
#adf218 rgb(173,242,24)
```

Split Complementary Color

#18f2ca
```
#18f2ca rgb(24,242,202)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#f2ca18
```
#f2ca18 rgb(242,202,24)
```

Triadic Color

#1840f2
```
#1840f2 rgb(24,64,242)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#f2ca18
```
#f2ca18 rgb(242,202,24)
```
#40f218
```
#40f218 rgb(64,242,24)
```

Tetradic Color

#940ab3
```
#940ab3 rgb(148,10,179)
```
#a80bcc
```
#a80bcc rgb(168,11,204)
```
#bc0de4
```
#bc0de4 rgb(188,13,228)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#d030f3
```
#d030f3 rgb(208,48,243)
```
#d548f5
```
#d548f5 rgb(213,72,245)
```
#db60f6
```
#db60f6 rgb(219,96,246)
```

Monochromatic Color

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

#9418f2
```
#9418f2 rgb(148,24,242)
```
#a618f2
```
#a618f2 rgb(166,24,242)
```
#b818f2
```
#b818f2 rgb(184,24,242)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#dc18f2
```
#dc18f2 rgb(220,24,242)
```
#ee18f2
```
#ee18f2 rgb(238,24,242)
```
#f218e4
```
#f218e4 rgb(242,24,228)
```

Similar Colors

Text with hexadecimal color #ca18f2

This text has a font color of #ca18f2.

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

#ca18f2 background color

This paragraph has a background color of #ca18f2.

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

#ca18f2 border color

This element has a border color of #ca18f2.

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

CSS codes

.text {color:#ca18f2;}

.background {background-color:#ca18f2;}

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

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 #fdf7ff is the lightest one.

#09010a
```
#09010a rgb(9,1,10)
```
#18021d
```
#18021d rgb(24,2,29)
```
#270330
```
#270330 rgb(39,3,48)
```
#370442
```
#370442 rgb(55,4,66)
```
#460555
```
#460555 rgb(70,5,85)
```
#550667
```
#550667 rgb(85,6,103)
```
#65077a
```
#65077a rgb(101,7,122)
```
#74088c
```
#74088c rgb(116,8,140)
```
#83099f
```
#83099f rgb(131,9,159)
```
#930ab2
```
#930ab2 rgb(147,10,178)
```
#a20bc4
```
#a20bc4 rgb(162,11,196)
```
#b20cd7
```
#b20cd7 rgb(178,12,215)
```
#c10de9
```
#c10de9 rgb(193,13,233)
```

Shade Color Variation

#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#ce2bf3
```
#ce2bf3 rgb(206,43,243)
```
#d33df4
```
#d33df4 rgb(211,61,244)
```
#d750f5
```
#d750f5 rgb(215,80,245)
```
#db62f6
```
#db62f6 rgb(219,98,246)
```
#df75f7
```
#df75f7 rgb(223,117,247)
```
#e487f8
```
#e487f8 rgb(228,135,248)
```
#e89af9
```
#e89af9 rgb(232,154,249)
```
#ecadfa
```
#ecadfa rgb(236,173,250)
```
#f0bffb
```
#f0bffb rgb(240,191,251)
```
#f5d2fc
```
#f5d2fc rgb(245,210,252)
```
#f9e4fd
```
#f9e4fd rgb(249,228,253)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#897f8b
```
#897f8b rgb(137,127,139)
```
#8f7694
```
#8f7694 rgb(143,118,148)
```
#956c9e
```
#956c9e rgb(149,108,158)
```
#9a63a7
```
#9a63a7 rgb(154,99,167)
```
#a05ab0
```
#a05ab0 rgb(160,90,176)
```
#a650ba
```
#a650ba rgb(166,80,186)
```
#ac47c3
```
#ac47c3 rgb(172,71,195)
```
#b23ecc
```
#b23ecc rgb(178,62,204)
```
#b834d6
```
#b834d6 rgb(184,52,214)
```
#be2bdf
```
#be2bdf rgb(190,43,223)
```
#c421e9
```
#c421e9 rgb(196,33,233)
```
#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#d00ffb
```
#d00ffb rgb(208,15,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df4 Protanopia 1% of men
#0083db Deuteranopia 1% of men
#b86a71 Tritanopia 0.001% of the population

Trichromacy

#4958f3 Protanomaly 1% of men, 0.01% of women
#495ce3 Deuteranomaly 6% of men, 0.4% of women
#be4ca0 Tritanomaly 0.01% of the population