#ca15ff hex color

In a RGB color space, hex #ca15ff is composed of 79.2% red, 8.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 91.8% magenta, 0% yellow and 0% black. It has a hue angle of 286.4 degrees, a saturation of 100% and a lightness of 54.1%. #ca15ff color hex could be obtained by blending #ff2aff with #9500ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 79
- G 8
- B 100
RGB color chart
- C 21
- M 92
- Y 0
- K 0
CMYK color chart

● #ca15ff color description : Vivid magenta.

The hexadecimal color #ca15ff has RGB values of R:202, G:21, B:255 and CMYK values of C:0.21, M:0.92, Y:0, K:0. Its decimal value is 13243903.

Hex triplet	ca15ff	`#ca15ff`
RGB Decimal	202, 21, 255	`rgb(202,21,255)`
RGB Percent	79.2, 8.2, 100	`rgb(79.2%,8.2%,100%)`
CMYK	21, 92, 0, 0
HSL	286.4°, 100, 54.1	`hsl(286.4,100%,54.1%)`
HSV (or HSB)	286.4°, 91.8, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.191, 88.934, -74.391
XYZ	42.673, 20.315, 96.276
xyY	0.268, 0.128, 20.315
CIE-LCH	52.191, 115.945, 320.088
CIE-LUV	52.191, 47.8, -122.781
Hunter-Lab	45.072, 90.124, -95.096
Binary	11001010, 00010101, 11111111

#ca15ff
```
#ca15ff rgb(202,21,255)
```
#4aff15
```
#4aff15 rgb(74,255,21)
```

Complementary Color

#5515ff
```
#5515ff rgb(85,21,255)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#ff15bf
```
#ff15bf rgb(255,21,191)
```

Analogous Color

#15ff55
```
#15ff55 rgb(21,255,85)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#bfff15
```
#bfff15 rgb(191,255,21)
```

Split Complementary Color

#15ffca
```
#15ffca rgb(21,255,202)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#ffca15
```
#ffca15 rgb(255,202,21)
```

Triadic Color

#154aff
```
#154aff rgb(21,74,255)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#ffca15
```
#ffca15 rgb(255,202,21)
```
#4aff15
```
#4aff15 rgb(74,255,21)
```

Tetradic Color

#9a00c8
```
#9a00c8 rgb(154,0,200)
```
#ae00e1
```
#ae00e1 rgb(174,0,225)
```
#c200fb
```
#c200fb rgb(194,0,251)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#d02fff
```
#d02fff rgb(208,47,255)
```
#d648ff
```
#d648ff rgb(214,72,255)
```
#db62ff
```
#db62ff rgb(219,98,255)
```

Monochromatic Color

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

#9015ff
```
#9015ff rgb(144,21,255)
```
#a315ff
```
#a315ff rgb(163,21,255)
```
#b715ff
```
#b715ff rgb(183,21,255)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#de15ff
```
#de15ff rgb(222,21,255)
```
#f115ff
```
#f115ff rgb(241,21,255)
```
#ff15fa
```
#ff15fa rgb(255,21,250)
```

Similar Colors

Text with hexadecimal color #ca15ff

This text has a font color of #ca15ff.

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

#ca15ff background color

This paragraph has a background color of #ca15ff.

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

#ca15ff border color

This element has a border color of #ca15ff.

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

CSS codes

.text {color:#ca15ff;}

.background {background-color:#ca15ff;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#100015
```
#100015 rgb(16,0,21)
```
#1f0029
```
#1f0029 rgb(31,0,41)
```
#2f003c
```
#2f003c rgb(47,0,60)
```
#3e0050
```
#3e0050 rgb(62,0,80)
```
#4d0063
```
#4d0063 rgb(77,0,99)
```
#5c0077
```
#5c0077 rgb(92,0,119)
```
#6b008b
```
#6b008b rgb(107,0,139)
```
#7a009e
```
#7a009e rgb(122,0,158)
```
#8a00b2
```
#8a00b2 rgb(138,0,178)
```
#9900c6
```
#9900c6 rgb(153,0,198)
```
#a800d9
```
#a800d9 rgb(168,0,217)
```
#b700ed
```
#b700ed rgb(183,0,237)
```

Shade Color Variation

#c601ff
```
#c601ff rgb(198,1,255)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```
#ce29ff
```
#ce29ff rgb(206,41,255)
```
#d33cff
```
#d33cff rgb(211,60,255)
```
#d750ff
```
#d750ff rgb(215,80,255)
```
#dc63ff
```
#dc63ff rgb(220,99,255)
```
#e077ff
```
#e077ff rgb(224,119,255)
```
#e58bff
```
#e58bff rgb(229,139,255)
```
#e99eff
```
#e99eff rgb(233,158,255)
```
#eeb2ff
```
#eeb2ff rgb(238,178,255)
```
#f2c6ff
```
#f2c6ff rgb(242,198,255)
```
#f6d9ff
```
#f6d9ff rgb(246,217,255)
```
#fbedff
```
#fbedff rgb(251,237,255)
```

Tint Color Variation

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

#8f8193
```
#8f8193 rgb(143,129,147)
```
#94789c
```
#94789c rgb(148,120,156)
```
#996fa5
```
#996fa5 rgb(153,111,165)
```
#9e66ae
```
#9e66ae rgb(158,102,174)
```
#a35db7
```
#a35db7 rgb(163,93,183)
```
#a854c0
```
#a854c0 rgb(168,84,192)
```
#ac4bc9
```
#ac4bc9 rgb(172,75,201)
```
#b142d2
```
#b142d2 rgb(177,66,210)
```
#b639db
```
#b639db rgb(182,57,219)
```
#bb30e4
```
#bb30e4 rgb(187,48,228)
```
#c027ed
```
#c027ed rgb(192,39,237)
```
#c51ef6
```
#c51ef6 rgb(197,30,246)
```
#ca15ff
```
#ca15ff rgb(202,21,255)
```

Tone Color Variation

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

Dichromacy

#007ff8 Protanopia 1% of men
#0085dc Deuteranopia 1% of men
#b56f76 Tritanopia 0.001% of the population

Trichromacy

#4958fa Protanomaly 1% of men, 0.01% of women
#495ce9 Deuteranomaly 6% of men, 0.4% of women
#bd4ea8 Tritanomaly 0.01% of the population

#ca15ff hex color

#ca15ff Color Information

#ca15ff Color Conversion

Color Schemes with #ca15ff

Alternatives to #ca15ff

#ca15ff Preview

Shades and Tints of #ca15ff

Tones of #ca15ff

Color Blindness Simulator