#ca345f hex color

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

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

● #ca345f color description : Moderate pink.

The hexadecimal color #ca345f has RGB values of R:202, G:52, B:95 and CMYK values of C:0, M:0.74, Y:0.53, K:0.21. Its decimal value is 13251679.

Hex triplet	ca345f	`#ca345f`
RGB Decimal	202, 52, 95	`rgb(202,52,95)`
RGB Percent	79.2, 20.4, 37.3	`rgb(79.2%,20.4%,37.3%)`
CMYK	0, 74, 53, 21
HSL	342.8°, 59.1, 49.8	`hsl(342.8,59.1%,49.8%)`
HSV (or HSB)	342.8°, 74.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.766, 60.763, 11.203
XYZ	27.652, 15.842, 12.428
xyY	0.494, 0.283, 15.842
CIE-LCH	46.766, 61.787, 10.446
CIE-LUV	46.766, 101.972, 1.76
Hunter-Lab	39.802, 54.357, 9.349
Binary	11001010, 00110100, 01011111

#ca345f
```
#ca345f rgb(202,52,95)
```
#34ca9f
```
#34ca9f rgb(52,202,159)
```

Complementary Color

#ca34aa
```
#ca34aa rgb(202,52,170)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#ca5434
```
#ca5434 rgb(202,84,52)
```

Analogous Color

#34aaca
```
#34aaca rgb(52,170,202)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#34ca54
```
#34ca54 rgb(52,202,84)
```

Split Complementary Color

#345fca
```
#345fca rgb(52,95,202)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#5fca34
```
#5fca34 rgb(95,202,52)
```

Triadic Color

#9f34ca
```
#9f34ca rgb(159,52,202)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#5fca34
```
#5fca34 rgb(95,202,52)
```
#34ca9f
```
#34ca9f rgb(52,202,159)
```

Tetradic Color

#8d2442
```
#8d2442 rgb(141,36,66)
```
#a12a4c
```
#a12a4c rgb(161,42,76)
```
#b62f55
```
#b62f55 rgb(182,47,85)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#d0486f
```
#d0486f rgb(208,72,111)
```
#d55c7f
```
#d55c7f rgb(213,92,127)
```
#da708f
```
#da708f rgb(218,112,143)
```

Monochromatic Color

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

#ca3485
```
#ca3485 rgb(202,52,133)
```
#ca3478
```
#ca3478 rgb(202,52,120)
```
#ca346c
```
#ca346c rgb(202,52,108)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#ca3453
```
#ca3453 rgb(202,52,83)
```
#ca3446
```
#ca3446 rgb(202,52,70)
```
#ca3439
```
#ca3439 rgb(202,52,57)
```

Similar Colors

Text with hexadecimal color #ca345f

This text has a font color of #ca345f.

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

#ca345f background color

This paragraph has a background color of #ca345f.

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

#ca345f border color

This element has a border color of #ca345f.

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

CSS codes

.text {color:#ca345f;}

.background {background-color:#ca345f;}

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

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)
```
#2e0c16
```
#2e0c16 rgb(46,12,22)
```
#3e101d
```
#3e101d rgb(62,16,29)
```
#4d1424
```
#4d1424 rgb(77,20,36)
```
#5d182c
```
#5d182c rgb(93,24,44)
```
#6c1c33
```
#6c1c33 rgb(108,28,51)
```
#7c203a
```
#7c203a rgb(124,32,58)
```
#8c2442
```
#8c2442 rgb(140,36,66)
```
#9b2849
```
#9b2849 rgb(155,40,73)
```
#ab2c50
```
#ab2c50 rgb(171,44,80)
```
#ba3058
```
#ba3058 rgb(186,48,88)
```
#ca345f
```
#ca345f rgb(202,52,95)
```

Shade Color Variation

#cf436b
```
#cf436b rgb(207,67,107)
```
#d35377
```
#d35377 rgb(211,83,119)
```
#d76284
```
#d76284 rgb(215,98,132)
```
#db7290
```
#db7290 rgb(219,114,144)
```
#df819c
```
#df819c rgb(223,129,156)
```
#e391a8
```
#e391a8 rgb(227,145,168)
```
#e7a1b5
```
#e7a1b5 rgb(231,161,181)
```
#ebb0c1
```
#ebb0c1 rgb(235,176,193)
```
#efc0cd
```
#efc0cd rgb(239,192,205)
```
#f3cfda
```
#f3cfda rgb(243,207,218)
```
#f7dfe6
```
#f7dfe6 rgb(247,223,230)
```
#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 #fb034a is the most saturated one.

#86787c
```
#86787c rgb(134,120,124)
```
#8f6f78
```
#8f6f78 rgb(143,111,120)
```
#996574
```
#996574 rgb(153,101,116)
```
#a35b70
```
#a35b70 rgb(163,91,112)
```
#ad516c
```
#ad516c rgb(173,81,108)
```
#b64867
```
#b64867 rgb(182,72,103)
```
#c03e63
```
#c03e63 rgb(192,62,99)
```
#ca345f
```
#ca345f rgb(202,52,95)
```
#d42a5b
```
#d42a5b rgb(212,42,91)
```
#de2057
```
#de2057 rgb(222,32,87)
```
#e71752
```
#e71752 rgb(231,23,82)
```
#f10d4e
```
#f10d4e rgb(241,13,78)
```
#fb034a
```
#fb034a rgb(251,3,74)
```

Tone Color Variation

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

Dichromacy

#757580 Protanopia 1% of men
#89715d Deuteranopia 1% of men
#cb4548 Tritanopia 0.001% of the population

Trichromacy

#945d74 Protanomaly 1% of men, 0.01% of women
#a15b5e Deuteranomaly 6% of men, 0.4% of women
#ca3f50 Tritanomaly 0.01% of the population

#ca345f hex color

#ca345f Color Information

#ca345f Color Conversion

Color Schemes with #ca345f

Alternatives to #ca345f

#ca345f Preview

Shades and Tints of #ca345f

Tones of #ca345f

Color Blindness Simulator