#ca2bf9 hex color

In a RGB color space, hex #ca2bf9 is composed of 79.2% red, 16.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 82.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 286.3 degrees, a saturation of 94.5% and a lightness of 57.3%. #ca2bf9 color hex could be obtained by blending #ff56ff with #9500f3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 17
- B 98
RGB color chart
- C 19
- M 83
- Y 0
- K 2
CMYK color chart

● #ca2bf9 color description : Bright magenta.

The hexadecimal color #ca2bf9 has RGB values of R:202, G:43, B:249 and CMYK values of C:0.19, M:0.83, Y:0, K:0.02. Its decimal value is 13249529.

Hex triplet	ca2bf9	`#ca2bf9`
RGB Decimal	202, 43, 249	`rgb(202,43,249)`
RGB Percent	79.2, 16.9, 97.6	`rgb(79.2%,16.9%,97.6%)`
CMYK	19, 83, 0, 2
HSL	286.3°, 94.5, 57.3	`hsl(286.3,94.5%,57.3%)`
HSV (or HSB)	286.3°, 82.7, 97.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.087, 84.008, -69.595
XYZ	42.318, 21.126, 91.466
xyY	0.273, 0.136, 21.126
CIE-LCH	53.087, 109.091, 320.36
CIE-LUV	53.087, 47.838, -116.118
Hunter-Lab	45.963, 83.91, -85.813
Binary	11001010, 00101011, 11111001

#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#5af92b
```
#5af92b rgb(90,249,43)
```

Complementary Color

#632bf9
```
#632bf9 rgb(99,43,249)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#f92bc1
```
#f92bc1 rgb(249,43,193)
```

Analogous Color

#2bf963
```
#2bf963 rgb(43,249,99)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#c1f92b
```
#c1f92b rgb(193,249,43)
```

Split Complementary Color

#2bf9ca
```
#2bf9ca rgb(43,249,202)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#f9ca2b
```
#f9ca2b rgb(249,202,43)
```

Triadic Color

#2b5af9
```
#2b5af9 rgb(43,90,249)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#f9ca2b
```
#f9ca2b rgb(249,202,43)
```
#5af92b
```
#5af92b rgb(90,249,43)
```

Tetradic Color

#a306d2
```
#a306d2 rgb(163,6,210)
```
#b607ea
```
#b607ea rgb(182,7,234)
```
#c412f8
```
#c412f8 rgb(196,18,248)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#d044fa
```
#d044fa rgb(208,68,250)
```
#d65dfa
```
#d65dfa rgb(214,93,250)
```
#dd75fb
```
#dd75fb rgb(221,117,251)
```

Monochromatic Color

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

#972bf9
```
#972bf9 rgb(151,43,249)
```
#a82bf9
```
#a82bf9 rgb(168,43,249)
```
#b92bf9
```
#b92bf9 rgb(185,43,249)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#db2bf9
```
#db2bf9 rgb(219,43,249)
```
#ec2bf9
```
#ec2bf9 rgb(236,43,249)
```
#f92bf5
```
#f92bf5 rgb(249,43,245)
```

Similar Colors

Text with hexadecimal color #ca2bf9

This text has a font color of #ca2bf9.

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

#ca2bf9 background color

This paragraph has a background color of #ca2bf9.

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

#ca2bf9 border color

This element has a border color of #ca2bf9.

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

CSS codes

.text {color:#ca2bf9;}

.background {background-color:#ca2bf9;}

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

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

#0d0011
```
#0d0011 rgb(13,0,17)
```
#1c0124
```
#1c0124 rgb(28,1,36)
```
#2b0237
```
#2b0237 rgb(43,2,55)
```
#3a024a
```
#3a024a rgb(58,2,74)
```
#49035d
```
#49035d rgb(73,3,93)
```
#570370
```
#570370 rgb(87,3,112)
```
#660483
```
#660483 rgb(102,4,131)
```
#750496
```
#750496 rgb(117,4,150)
```
#8405aa
```
#8405aa rgb(132,5,170)
```
#9305bd
```
#9305bd rgb(147,5,189)
```
#a206d0
```
#a206d0 rgb(162,6,208)
```
#b006e3
```
#b006e3 rgb(176,6,227)
```
#bf07f6
```
#bf07f6 rgb(191,7,246)
```

Shade Color Variation

#c518f8
```
#c518f8 rgb(197,24,248)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```
#cf3efa
```
#cf3efa rgb(207,62,250)
```
#d451fa
```
#d451fa rgb(212,81,250)
```
#d864fb
```
#d864fb rgb(216,100,251)
```
#dd77fb
```
#dd77fb rgb(221,119,251)
```
#e28afc
```
#e28afc rgb(226,138,252)
```
#e79dfc
```
#e79dfc rgb(231,157,252)
```
#ebb1fd
```
#ebb1fd rgb(235,177,253)
```
#f0c4fd
```
#f0c4fd rgb(240,196,253)
```
#f5d7fe
```
#f5d7fe rgb(245,215,254)
```
#faeafe
```
#faeafe rgb(250,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#939094
```
#939094 rgb(147,144,148)
```
#98879d
```
#98879d rgb(152,135,157)
```
#9c7fa5
```
#9c7fa5 rgb(156,127,165)
```
#a176ae
```
#a176ae rgb(161,118,174)
```
#a66eb6
```
#a66eb6 rgb(166,110,182)
```
#aa66be
```
#aa66be rgb(170,102,190)
```
#af5dc7
```
#af5dc7 rgb(175,93,199)
```
#b355cf
```
#b355cf rgb(179,85,207)
```
#b84dd7
```
#b84dd7 rgb(184,77,215)
```
#bc44e0
```
#bc44e0 rgb(188,68,224)
```
#c13ce8
```
#c13ce8 rgb(193,60,232)
```
#c533f1
```
#c533f1 rgb(197,51,241)
```
#ca2bf9
```
#ca2bf9 rgb(202,43,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#84648d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#0087e2 Deuteranopia 1% of men
#b77179 Tritanopia 0.001% of the population

Trichromacy

#4962fb Protanomaly 1% of men, 0.01% of women
#4965ea Deuteranomaly 6% of men, 0.4% of women
#be57a7 Tritanomaly 0.01% of the population

#ca2bf9 hex color

#ca2bf9 Color Information

#ca2bf9 Color Conversion

Color Schemes with #ca2bf9

Alternatives to #ca2bf9

#ca2bf9 Preview

Shades and Tints of #ca2bf9

Tones of #ca2bf9

Color Blindness Simulator