#ca348c hex color

In a RGB color space, hex #ca348c is composed of 79.2% red, 20.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 30.7% yellow and 20.8% black. It has a hue angle of 324.8 degrees, a saturation of 59.1% and a lightness of 49.8%. #ca348c color hex could be obtained by blending #ff68ff with #950019. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 79
- G 20
- B 55
RGB color chart
- C 0
- M 74
- Y 31
- K 21
CMYK color chart

● #ca348c color description : Moderate pink.

The hexadecimal color #ca348c has RGB values of R:202, G:52, B:140 and CMYK values of C:0, M:0.74, Y:0.31, K:0.21. Its decimal value is 13251724.

Hex triplet	ca348c	`#ca348c`
RGB Decimal	202, 52, 140	`rgb(202,52,140)`
RGB Percent	79.2, 20.4, 54.9	`rgb(79.2%,20.4%,54.9%)`
CMYK	0, 74, 31, 21
HSL	324.8°, 59.1, 49.8	`hsl(324.8,59.1%,49.8%)`
HSV (or HSB)	324.8°, 74.3, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.145, 65.149, -14.239
XYZ	30.319, 16.909, 26.477
xyY	0.411, 0.229, 16.909
CIE-LCH	48.145, 66.687, 347.671
CIE-LUV	48.145, 85.061, -31.012
Hunter-Lab	41.12, 59.653, -9.392
Binary	11001010, 00110100, 10001100

#ca348c
```
#ca348c rgb(202,52,140)
```
#34ca72
```
#34ca72 rgb(52,202,114)
```

Complementary Color

#bd34ca
```
#bd34ca rgb(189,52,202)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#ca3441
```
#ca3441 rgb(202,52,65)
```

Analogous Color

#34cabd
```
#34cabd rgb(52,202,189)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#41ca34
```
#41ca34 rgb(65,202,52)
```

Split Complementary Color

#348cca
```
#348cca rgb(52,140,202)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#8cca34
```
#8cca34 rgb(140,202,52)
```

Triadic Color

#7234ca
```
#7234ca rgb(114,52,202)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#8cca34
```
#8cca34 rgb(140,202,52)
```
#34ca72
```
#34ca72 rgb(52,202,114)
```

Tetradic Color

#8d2462
```
#8d2462 rgb(141,36,98)
```
#a12a70
```
#a12a70 rgb(161,42,112)
```
#b62f7e
```
#b62f7e rgb(182,47,126)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#d04898
```
#d04898 rgb(208,72,152)
```
#d55ca3
```
#d55ca3 rgb(213,92,163)
```
#da70ae
```
#da70ae rgb(218,112,174)
```

Monochromatic Color

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

#ca34b2
```
#ca34b2 rgb(202,52,178)
```
#ca34a5
```
#ca34a5 rgb(202,52,165)
```
#ca3499
```
#ca3499 rgb(202,52,153)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#ca3480
```
#ca3480 rgb(202,52,128)
```
#ca3473
```
#ca3473 rgb(202,52,115)
```
#ca3467
```
#ca3467 rgb(202,52,103)
```

Similar Colors

Text with hexadecimal color #ca348c

This text has a font color of #ca348c.

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

#ca348c background color

This paragraph has a background color of #ca348c.

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

#ca348c border color

This element has a border color of #ca348c.

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

CSS codes

.text {color:#ca348c;}

.background {background-color:#ca348c;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1e0815
```
#1e0815 rgb(30,8,21)
```
#2e0c20
```
#2e0c20 rgb(46,12,32)
```
#3e102b
```
#3e102b rgb(62,16,43)
```
#4d1436
```
#4d1436 rgb(77,20,54)
```
#5d1840
```
#5d1840 rgb(93,24,64)
```
#6c1c4b
```
#6c1c4b rgb(108,28,75)
```
#7c2056
```
#7c2056 rgb(124,32,86)
```
#8c2461
```
#8c2461 rgb(140,36,97)
```
#9b286c
```
#9b286c rgb(155,40,108)
```
#ab2c76
```
#ab2c76 rgb(171,44,118)
```
#ba3081
```
#ba3081 rgb(186,48,129)
```
#ca348c
```
#ca348c rgb(202,52,140)
```

Shade Color Variation

#cf4395
```
#cf4395 rgb(207,67,149)
```
#d3539e
```
#d3539e rgb(211,83,158)
```
#d762a7
```
#d762a7 rgb(215,98,167)
```
#db72af
```
#db72af rgb(219,114,175)
```
#df81b8
```
#df81b8 rgb(223,129,184)
```
#e391c1
```
#e391c1 rgb(227,145,193)
```
#e7a1ca
```
#e7a1ca rgb(231,161,202)
```
#ebb0d3
```
#ebb0d3 rgb(235,176,211)
```
#efc0db
```
#efc0db rgb(239,192,219)
```
#f3cfe4
```
#f3cfe4 rgb(243,207,228)
```
#f7dfed
```
#f7dfed rgb(247,223,237)
```
#fbeff6
```
#fbeff6 rgb(251,239,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#867880
```
#867880 rgb(134,120,128)
```
#8f6f82
```
#8f6f82 rgb(143,111,130)
```
#996584
```
#996584 rgb(153,101,132)
```
#a35b85
```
#a35b85 rgb(163,91,133)
```
#ad5187
```
#ad5187 rgb(173,81,135)
```
#b64889
```
#b64889 rgb(182,72,137)
```
#c03e8a
```
#c03e8a rgb(192,62,138)
```
#ca348c
```
#ca348c rgb(202,52,140)
```
#d42a8e
```
#d42a8e rgb(212,42,142)
```
#de208f
```
#de208f rgb(222,32,143)
```
#e71791
```
#e71791 rgb(231,23,145)
```
#f10d93
```
#f10d93 rgb(241,13,147)
```
#fb0394
```
#fb0394 rgb(251,3,148)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e6072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6177b4 Protanopia 1% of men
#7e7686 Deuteranopia 1% of men
#c75055 Tritanopia 0.001% of the population

Trichromacy

#875fa5 Protanomaly 1% of men, 0.01% of women
#9a5e88 Deuteranomaly 6% of men, 0.4% of women
#c84669 Tritanomaly 0.01% of the population

#ca348c hex color

#ca348c Color Information

#ca348c Color Conversion

Color Schemes with #ca348c

Alternatives to #ca348c

#ca348c Preview

Shades and Tints of #ca348c

Tones of #ca348c

Color Blindness Simulator