#ca30b3 hex color

In a RGB color space, hex #ca30b3 is composed of 79.2% red, 18.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 11.4% yellow and 20.8% black. It has a hue angle of 309 degrees, a saturation of 61.6% and a lightness of 49%. #ca30b3 color hex could be obtained by blending #ff60ff with #950067. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 19
- B 70
RGB color chart
- C 0
- M 76
- Y 11
- K 21
CMYK color chart

● #ca30b3 color description : Strong magenta.

The hexadecimal color #ca30b3 has RGB values of R:202, G:48, B:179 and CMYK values of C:0, M:0.76, Y:0.11, K:0.21. Its decimal value is 13250739.

Hex triplet	ca30b3	`#ca30b3`
RGB Decimal	202, 48, 179	`rgb(202,48,179)`
RGB Percent	79.2, 18.8, 70.2	`rgb(79.2%,18.8%,70.2%)`
CMYK	0, 76, 11, 21
HSL	309°, 61.6, 49	`hsl(309,61.6%,49%)`
HSV (or HSB)	309°, 76.2, 79.2
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.408, 71.433, -35.469
XYZ	33.55, 17.928, 44.339
xyY	0.35, 0.187, 17.928
CIE-LCH	49.408, 79.754, 333.594
CIE-LUV	49.408, 70.865, -62.837
Hunter-Lab	42.341, 67.344, -32.449
Binary	11001010, 00110000, 10110011

#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#30ca47
```
#30ca47 rgb(48,202,71)
```

Complementary Color

#9430ca
```
#9430ca rgb(148,48,202)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#ca3066
```
#ca3066 rgb(202,48,102)
```

Analogous Color

#30ca94
```
#30ca94 rgb(48,202,148)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#66ca30
```
#66ca30 rgb(102,202,48)
```

Split Complementary Color

#30b3ca
```
#30b3ca rgb(48,179,202)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#b3ca30
```
#b3ca30 rgb(179,202,48)
```

Triadic Color

#4730ca
```
#4730ca rgb(71,48,202)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#b3ca30
```
#b3ca30 rgb(179,202,48)
```
#30ca47
```
#30ca47 rgb(48,202,71)
```

Tetradic Color

#8c217c
```
#8c217c rgb(140,33,124)
```
#a1268e
```
#a1268e rgb(161,38,142)
```
#b52ba1
```
#b52ba1 rgb(181,43,161)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#d242bc
```
#d242bc rgb(210,66,188)
```
#d756c4
```
#d756c4 rgb(215,86,196)
```
#dc6bcb
```
#dc6bcb rgb(220,107,203)
```

Monochromatic Color

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

#bb30ca
```
#bb30ca rgb(187,48,202)
```
#c730ca
```
#c730ca rgb(199,48,202)
```
#ca30c0
```
#ca30c0 rgb(202,48,192)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#ca30a6
```
#ca30a6 rgb(202,48,166)
```
#ca3099
```
#ca3099 rgb(202,48,153)
```
#ca308d
```
#ca308d rgb(202,48,141)
```

Similar Colors

Text with hexadecimal color #ca30b3

This text has a font color of #ca30b3.

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

#ca30b3 background color

This paragraph has a background color of #ca30b3.

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

#ca30b3 border color

This element has a border color of #ca30b3.

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

CSS codes

.text {color:#ca30b3;}

.background {background-color:#ca30b3;}

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

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

#0c030a
```
#0c030a rgb(12,3,10)
```
#1c0719
```
#1c0719 rgb(28,7,25)
```
#2c0a27
```
#2c0a27 rgb(44,10,39)
```
#3b0e35
```
#3b0e35 rgb(59,14,53)
```
#4b1243
```
#4b1243 rgb(75,18,67)
```
#5b1651
```
#5b1651 rgb(91,22,81)
```
#6b195f
```
#6b195f rgb(107,25,95)
```
#7b1d6d
```
#7b1d6d rgb(123,29,109)
```
#8b217b
```
#8b217b rgb(139,33,123)
```
#9a2589
```
#9a2589 rgb(154,37,137)
```
#aa2897
```
#aa2897 rgb(170,40,151)
```
#ba2ca5
```
#ba2ca5 rgb(186,44,165)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```

Shade Color Variation

#d13dbb
```
#d13dbb rgb(209,61,187)
```
#d54dc0
```
#d54dc0 rgb(213,77,192)
```
#d85cc6
```
#d85cc6 rgb(216,92,198)
```
#dc6ccb
```
#dc6ccb rgb(220,108,203)
```
#e07cd1
```
#e07cd1 rgb(224,124,209)
```
#e48cd7
```
#e48cd7 rgb(228,140,215)
```
#e79cdc
```
#e79cdc rgb(231,156,220)
```
#ebace2
```
#ebace2 rgb(235,172,226)
```
#efbce7
```
#efbce7 rgb(239,188,231)
```
#f3cbed
```
#f3cbed rgb(243,203,237)
```
#f7dbf2
```
#f7dbf2 rgb(247,219,242)
```
#faebf8
```
#faebf8 rgb(250,235,248)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#877384
```
#877384 rgb(135,115,132)
```
#906a8b
```
#906a8b rgb(144,106,139)
```
#9a6091
```
#9a6091 rgb(154,96,145)
```
#a45698
```
#a45698 rgb(164,86,152)
```
#ad4d9f
```
#ad4d9f rgb(173,77,159)
```
#b743a6
```
#b743a6 rgb(183,67,166)
```
#c03aac
```
#c03aac rgb(192,58,172)
```
#ca30b3
```
#ca30b3 rgb(202,48,179)
```
#d426ba
```
#d426ba rgb(212,38,186)
```
#dd1dc0
```
#dd1dc0 rgb(221,29,192)
```
#e713c7
```
#e713c7 rgb(231,19,199)
```
#f00ace
```
#f00ace rgb(240,10,206)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#80617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3479e3 Protanopia 1% of men
#6d7ba8 Deuteranopia 1% of men
#c35a60 Tritanopia 0.001% of the population

Trichromacy

#6b5ed1 Protanomaly 1% of men, 0.01% of women
#8e5fac Deuteranomaly 6% of men, 0.4% of women
#c54b7e Tritanomaly 0.01% of the population

#ca30b3 hex color

#ca30b3 Color Information

#ca30b3 Color Conversion

Color Schemes with #ca30b3

Alternatives to #ca30b3

#ca30b3 Preview

Shades and Tints of #ca30b3

Tones of #ca30b3

Color Blindness Simulator