#ca18f5 hex color

In a RGB color space, hex #ca18f5 is composed of 79.2% red, 9.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 90.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 288.3 degrees, a saturation of 91.7% and a lightness of 52.7%. #ca18f5 color hex could be obtained by blending #ff30ff with #9500eb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 79
- G 9
- B 96
RGB color chart
- C 18
- M 90
- Y 0
- K 4
CMYK color chart

● #ca18f5 color description : Vivid magenta.

The hexadecimal color #ca18f5 has RGB values of R:202, G:24, B:245 and CMYK values of C:0.18, M:0.9, Y:0, K:0.04. Its decimal value is 13244661.

Hex triplet	ca18f5	`#ca18f5`
RGB Decimal	202, 24, 245	`rgb(202,24,245)`
RGB Percent	79.2, 9.4, 96.1	`rgb(79.2%,9.4%,96.1%)`
CMYK	18, 90, 0, 4
HSL	288.3°, 91.7, 52.7	`hsl(288.3,91.7%,52.7%)`
HSV (or HSB)	288.3°, 90.2, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	51.615, 86.847, -69.743
XYZ	41.163, 19.804, 88.036
xyY	0.276, 0.133, 19.804
CIE-LCH	51.615, 111.385, 321.233
CIE-LUV	51.615, 50.673, -115.695
Hunter-Lab	44.502, 87.229, -86.138
Binary	11001010, 00011000, 11110101

#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#43f518
```
#43f518 rgb(67,245,24)
```

Complementary Color

#5c18f5
```
#5c18f5 rgb(92,24,245)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#f518b2
```
#f518b2 rgb(245,24,178)
```

Analogous Color

#18f55c
```
#18f55c rgb(24,245,92)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#b2f518
```
#b2f518 rgb(178,245,24)
```

Split Complementary Color

#18f5ca
```
#18f5ca rgb(24,245,202)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#f5ca18
```
#f5ca18 rgb(245,202,24)
```

Triadic Color

#1843f5
```
#1843f5 rgb(24,67,245)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#f5ca18
```
#f5ca18 rgb(245,202,24)
```
#43f518
```
#43f518 rgb(67,245,24)
```

Tetradic Color

#9608b9
```
#9608b9 rgb(150,8,185)
```
#aa09d1
```
#aa09d1 rgb(170,9,209)
```
#be0ae9
```
#be0ae9 rgb(190,10,233)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#d030f6
```
#d030f6 rgb(208,48,246)
```
#d549f7
```
#d549f7 rgb(213,73,247)
```
#db61f8
```
#db61f8 rgb(219,97,248)
```

Monochromatic Color

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

#9318f5
```
#9318f5 rgb(147,24,245)
```
#a518f5
```
#a518f5 rgb(165,24,245)
```
#b818f5
```
#b818f5 rgb(184,24,245)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#dc18f5
```
#dc18f5 rgb(220,24,245)
```
#ef18f5
```
#ef18f5 rgb(239,24,245)
```
#f518e9
```
#f518e9 rgb(245,24,233)
```

Similar Colors

Text with hexadecimal color #ca18f5

This text has a font color of #ca18f5.

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

#ca18f5 background color

This paragraph has a background color of #ca18f5.

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

#ca18f5 border color

This element has a border color of #ca18f5.

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

CSS codes

.text {color:#ca18f5;}

.background {background-color:#ca18f5;}

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

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

#0b010d
```
#0b010d rgb(11,1,13)
```
#1a0120
```
#1a0120 rgb(26,1,32)
```
#2a0233
```
#2a0233 rgb(42,2,51)
```
#390346
```
#390346 rgb(57,3,70)
```
#480459
```
#480459 rgb(72,4,89)
```
#57056b
```
#57056b rgb(87,5,107)
```
#67057e
```
#67057e rgb(103,5,126)
```
#760691
```
#760691 rgb(118,6,145)
```
#8507a4
```
#8507a4 rgb(133,7,164)
```
#9508b7
```
#9508b7 rgb(149,8,183)
```
#a409c9
```
#a409c9 rgb(164,9,201)
```
#b30adc
```
#b30adc rgb(179,10,220)
```
#c30aef
```
#c30aef rgb(195,10,239)
```

Shade Color Variation

#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#ce2bf6
```
#ce2bf6 rgb(206,43,246)
```
#d33ef7
```
#d33ef7 rgb(211,62,247)
```
#d750f7
```
#d750f7 rgb(215,80,247)
```
#db63f8
```
#db63f8 rgb(219,99,248)
```
#e076f9
```
#e076f9 rgb(224,118,249)
```
#e489fa
```
#e489fa rgb(228,137,250)
```
#e89cfb
```
#e89cfb rgb(232,156,251)
```
#edaefc
```
#edaefc rgb(237,174,252)
```
#f1c1fc
```
#f1c1fc rgb(241,193,252)
```
#f5d4fd
```
#f5d4fd rgb(245,212,253)
```
#f9e7fe
```
#f9e7fe rgb(249,231,254)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#8c7e8f
```
#8c7e8f rgb(140,126,143)
```
#917598
```
#917598 rgb(145,117,152)
```
#976ba2
```
#976ba2 rgb(151,107,162)
```
#9d62ab
```
#9d62ab rgb(157,98,171)
```
#a259b4
```
#a259b4 rgb(162,89,180)
```
#a850bd
```
#a850bd rgb(168,80,189)
```
#ae46c7
```
#ae46c7 rgb(174,70,199)
```
#b33dd0
```
#b33dd0 rgb(179,61,208)
```
#b934d9
```
#b934d9 rgb(185,52,217)
```
#bf2be2
```
#bf2be2 rgb(191,43,226)
```
#c421ec
```
#c421ec rgb(196,33,236)
```
#ca18f5
```
#ca18f5 rgb(202,24,245)
```
#d00ffe
```
#d00ffe rgb(208,15,254)
```

Tone Color Variation

Below, you can see how #ca18f5 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
#7a5683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef5 Protanopia 1% of men
#0084db Deuteranopia 1% of men
#b76b72 Tritanopia 0.001% of the population

Trichromacy

#4959f5 Protanomaly 1% of men, 0.01% of women
#495ce4 Deuteranomaly 6% of men, 0.4% of women
#be4da2 Tritanomaly 0.01% of the population

#ca18f5 hex color

#ca18f5 Color Information

#ca18f5 Color Conversion

Color Schemes with #ca18f5

Alternatives to #ca18f5

#ca18f5 Preview

Shades and Tints of #ca18f5

Tones of #ca18f5

Color Blindness Simulator