#ca0bf4 hex color

In a RGB color space, hex #ca0bf4 is composed of 79.2% red, 4.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 95.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 289.2 degrees, a saturation of 91.4% and a lightness of 50%. #ca0bf4 color hex could be obtained by blending #ff16ff with #9500e9. Closest websafe color is: #cc00ff.

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

● #ca0bf4 color description : Vivid magenta.

The hexadecimal color #ca0bf4 has RGB values of R:202, G:11, B:244 and CMYK values of C:0.17, M:0.95, Y:0, K:0.04. Its decimal value is 13241332.

Hex triplet	ca0bf4	`#ca0bf4`
RGB Decimal	202, 11, 244	`rgb(202,11,244)`
RGB Percent	79.2, 4.3, 95.7	`rgb(79.2%,4.3%,95.7%)`
CMYK	17, 95, 0, 4
HSL	289.2°, 91.4, 50	`hsl(289.2,91.4%,50%)`
HSV (or HSB)	289.2°, 95.5, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	51.071, 88.091, -70.066
XYZ	40.804, 19.33, 87.165
xyY	0.277, 0.131, 19.33
CIE-LCH	51.071, 112.558, 321.502
CIE-LUV	51.071, 51.62, -115.916
Hunter-Lab	43.965, 88.726, -86.771
Binary	11001010, 00001011, 11110100

#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#35f40b
```
#35f40b rgb(53,244,11)
```

Complementary Color

#550bf4
```
#550bf4 rgb(85,11,244)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#f40baa
```
#f40baa rgb(244,11,170)
```

Analogous Color

#0bf456
```
#0bf456 rgb(11,244,86)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#aaf40b
```
#aaf40b rgb(170,244,11)
```

Split Complementary Color

#0bf4ca
```
#0bf4ca rgb(11,244,202)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#f4ca0b
```
#f4ca0b rgb(244,202,11)
```

Triadic Color

#0b35f4
```
#0b35f4 rgb(11,53,244)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#f4ca0b
```
#f4ca0b rgb(244,202,11)
```
#35f40b
```
#35f40b rgb(53,244,11)
```

Tetradic Color

#8d08ab
```
#8d08ab rgb(141,8,171)
```
#a209c3
```
#a209c3 rgb(162,9,195)
```
#b60adc
```
#b60adc rgb(182,10,220)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#cf23f5
```
#cf23f5 rgb(207,35,245)
```
#d53cf6
```
#d53cf6 rgb(213,60,246)
```
#da54f7
```
#da54f7 rgb(218,84,247)
```

Monochromatic Color

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

#900bf4
```
#900bf4 rgb(144,11,244)
```
#a30bf4
```
#a30bf4 rgb(163,11,244)
```
#b70bf4
```
#b70bf4 rgb(183,11,244)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#dd0bf4
```
#dd0bf4 rgb(221,11,244)
```
#f10bf4
```
#f10bf4 rgb(241,11,244)
```
#f40be4
```
#f40be4 rgb(244,11,228)
```

Similar Colors

Text with hexadecimal color #ca0bf4

This text has a font color of #ca0bf4.

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

#ca0bf4 background color

This paragraph has a background color of #ca0bf4.

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

#ca0bf4 border color

This element has a border color of #ca0bf4.

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

CSS codes

.text {color:#ca0bf4;}

.background {background-color:#ca0bf4;}

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

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

#100113
```
#100113 rgb(16,1,19)
```
#1f0226
```
#1f0226 rgb(31,2,38)
```
#2f0338
```
#2f0338 rgb(47,3,56)
```
#3e034b
```
#3e034b rgb(62,3,75)
```
#4e045e
```
#4e045e rgb(78,4,94)
```
#5d0571
```
#5d0571 rgb(93,5,113)
```
#6d0683
```
#6d0683 rgb(109,6,131)
```
#7c0796
```
#7c0796 rgb(124,7,150)
```
#8c08a9
```
#8c08a9 rgb(140,8,169)
```
#9b08bc
```
#9b08bc rgb(155,8,188)
```
#ab09ce
```
#ab09ce rgb(171,9,206)
```
#ba0ae1
```
#ba0ae1 rgb(186,10,225)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```

Shade Color Variation

#ce1ef5
```
#ce1ef5 rgb(206,30,245)
```
#d231f6
```
#d231f6 rgb(210,49,246)
```
#d643f7
```
#d643f7 rgb(214,67,247)
```
#da56f7
```
#da56f7 rgb(218,86,247)
```
#de69f8
```
#de69f8 rgb(222,105,248)
```
#e27cf9
```
#e27cf9 rgb(226,124,249)
```
#e78efa
```
#e78efa rgb(231,142,250)
```
#eba1fb
```
#eba1fb rgb(235,161,251)
```
#efb4fc
```
#efb4fc rgb(239,180,252)
```
#f3c7fc
```
#f3c7fc rgb(243,199,252)
```
#f7d9fd
```
#f7d9fd rgb(247,217,253)
```
#fbecfe
```
#fbecfe rgb(251,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857788
```
#857788 rgb(133,119,136)
```
#8b6d92
```
#8b6d92 rgb(139,109,146)
```
#92639c
```
#92639c rgb(146,99,156)
```
#9859a6
```
#9859a6 rgb(152,89,166)
```
#9e50af
```
#9e50af rgb(158,80,175)
```
#a446b9
```
#a446b9 rgb(164,70,185)
```
#ab3cc3
```
#ab3cc3 rgb(171,60,195)
```
#b132cd
```
#b132cd rgb(177,50,205)
```
#b728d7
```
#b728d7 rgb(183,40,215)
```
#bd1fe0
```
#bd1fe0 rgb(189,31,224)
```
#c415ea
```
#c415ea rgb(196,21,234)
```
#ca0bf4
```
#ca0bf4 rgb(202,11,244)
```
#d001fe
```
#d001fe rgb(208,1,254)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#744e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0082d9 Deuteranopia 1% of men
#b76970 Tritanopia 0.001% of the population

Trichromacy

#4953f3 Protanomaly 1% of men, 0.01% of women
#4957e3 Deuteranomaly 6% of men, 0.4% of women
#be47a0 Tritanomaly 0.01% of the population

#ca0bf4 hex color

#ca0bf4 Color Information

#ca0bf4 Color Conversion

Color Schemes with #ca0bf4

Alternatives to #ca0bf4

#ca0bf4 Preview

Shades and Tints of #ca0bf4

Tones of #ca0bf4

Color Blindness Simulator