#ca345d hex color

In a RGB color space, hex #ca345d is composed of 79.2% red, 20.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 54% yellow and 20.8% black. It has a hue angle of 343.6 degrees, a saturation of 59.1% and a lightness of 49.8%. #ca345d color hex could be obtained by blending #ff68ba with #950000. Closest websafe color is: #cc3366.

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

● #ca345d color description : Moderate pink.

The hexadecimal color #ca345d has RGB values of R:202, G:52, B:93 and CMYK values of C:0, M:0.74, Y:0.54, K:0.21. Its decimal value is 13251677.

Hex triplet	ca345d	`#ca345d`
RGB Decimal	202, 52, 93	`rgb(202,52,93)`
RGB Percent	79.2, 20.4, 36.5	`rgb(79.2%,20.4%,36.5%)`
CMYK	0, 74, 54, 21
HSL	343.6°, 59.1, 49.8	`hsl(343.6,59.1%,49.8%)`
HSV (or HSB)	343.6°, 74.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.719, 60.609, 12.367
XYZ	27.562, 15.806, 11.955
xyY	0.498, 0.286, 15.806
CIE-LCH	46.719, 61.858, 11.533
CIE-LUV	46.719, 102.655, 3.054
Hunter-Lab	39.757, 54.174, 10.001
Binary	11001010, 00110100, 01011101

#ca345d
```
#ca345d rgb(202,52,93)
```
#34caa1
```
#34caa1 rgb(52,202,161)
```

Complementary Color

#ca34a8
```
#ca34a8 rgb(202,52,168)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#ca5634
```
#ca5634 rgb(202,86,52)
```

Analogous Color

#34a8ca
```
#34a8ca rgb(52,168,202)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#34ca56
```
#34ca56 rgb(52,202,86)
```

Split Complementary Color

#345dca
```
#345dca rgb(52,93,202)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#5dca34
```
#5dca34 rgb(93,202,52)
```

Triadic Color

#a134ca
```
#a134ca rgb(161,52,202)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#5dca34
```
#5dca34 rgb(93,202,52)
```
#34caa1
```
#34caa1 rgb(52,202,161)
```

Tetradic Color

#8d2441
```
#8d2441 rgb(141,36,65)
```
#a12a4a
```
#a12a4a rgb(161,42,74)
```
#b62f54
```
#b62f54 rgb(182,47,84)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#d0486d
```
#d0486d rgb(208,72,109)
```
#d55c7d
```
#d55c7d rgb(213,92,125)
```
#da708d
```
#da708d rgb(218,112,141)
```

Monochromatic Color

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

#ca3483
```
#ca3483 rgb(202,52,131)
```
#ca3476
```
#ca3476 rgb(202,52,118)
```
#ca346a
```
#ca346a rgb(202,52,106)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#ca3450
```
#ca3450 rgb(202,52,80)
```
#ca3444
```
#ca3444 rgb(202,52,68)
```
#ca3438
```
#ca3438 rgb(202,52,56)
```

Similar Colors

Text with hexadecimal color #ca345d

This text has a font color of #ca345d.

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

#ca345d background color

This paragraph has a background color of #ca345d.

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

#ca345d border color

This element has a border color of #ca345d.

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

CSS codes

.text {color:#ca345d;}

.background {background-color:#ca345d;}

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

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

#0f0407
```
#0f0407 rgb(15,4,7)
```
#1e080e
```
#1e080e rgb(30,8,14)
```
#2e0c15
```
#2e0c15 rgb(46,12,21)
```
#3e101c
```
#3e101c rgb(62,16,28)
```
#4d1424
```
#4d1424 rgb(77,20,36)
```
#5d182b
```
#5d182b rgb(93,24,43)
```
#6c1c32
```
#6c1c32 rgb(108,28,50)
```
#7c2039
```
#7c2039 rgb(124,32,57)
```
#8c2440
```
#8c2440 rgb(140,36,64)
```
#9b2847
```
#9b2847 rgb(155,40,71)
```
#ab2c4f
```
#ab2c4f rgb(171,44,79)
```
#ba3056
```
#ba3056 rgb(186,48,86)
```
#ca345d
```
#ca345d rgb(202,52,93)
```

Shade Color Variation

#cf4369
```
#cf4369 rgb(207,67,105)
```
#d35376
```
#d35376 rgb(211,83,118)
```
#d76282
```
#d76282 rgb(215,98,130)
```
#db728e
```
#db728e rgb(219,114,142)
```
#df819b
```
#df819b rgb(223,129,155)
```
#e391a7
```
#e391a7 rgb(227,145,167)
```
#e7a1b4
```
#e7a1b4 rgb(231,161,180)
```
#ebb0c0
```
#ebb0c0 rgb(235,176,192)
```
#efc0cd
```
#efc0cd rgb(239,192,205)
```
#f3cfd9
```
#f3cfd9 rgb(243,207,217)
```
#f7dfe5
```
#f7dfe5 rgb(247,223,229)
```
#fbeff2
```
#fbeff2 rgb(251,239,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#86787c
```
#86787c rgb(134,120,124)
```
#8f6f78
```
#8f6f78 rgb(143,111,120)
```
#996573
```
#996573 rgb(153,101,115)
```
#a35b6f
```
#a35b6f rgb(163,91,111)
```
#ad516a
```
#ad516a rgb(173,81,106)
```
#b64866
```
#b64866 rgb(182,72,102)
```
#c03e61
```
#c03e61 rgb(192,62,97)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#d42a59
```
#d42a59 rgb(212,42,89)
```
#de2054
```
#de2054 rgb(222,32,84)
```
#e71750
```
#e71750 rgb(231,23,80)
```
#f10d4b
```
#f10d4b rgb(241,13,75)
```
#fb0347
```
#fb0347 rgb(251,3,71)
```

Tone Color Variation

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

Dichromacy

#75757d Protanopia 1% of men
#8a715b Deuteranopia 1% of men
#cb4548 Tritanopia 0.001% of the population

Trichromacy

#945d71 Protanomaly 1% of men, 0.01% of women
#a15b5c Deuteranomaly 6% of men, 0.4% of women
#ca3e4f Tritanomaly 0.01% of the population

#ca345d hex color

#ca345d Color Information

#ca345d Color Conversion

Color Schemes with #ca345d

Alternatives to #ca345d

#ca345d Preview

Shades and Tints of #ca345d

Tones of #ca345d

Color Blindness Simulator