#ca344e hex color

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

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

● #ca344e color description : Moderate red.

The hexadecimal color #ca344e has RGB values of R:202, G:52, B:78 and CMYK values of C:0, M:0.74, Y:0.61, K:0.21. Its decimal value is 13251662.

Hex triplet	ca344e	`#ca344e`
RGB Decimal	202, 52, 78	`rgb(202,52,78)`
RGB Percent	79.2, 20.4, 30.6	`rgb(79.2%,20.4%,30.6%)`
CMYK	0, 74, 61, 21
HSL	349.6°, 59.1, 49.8	`hsl(349.6,59.1%,49.8%)`
HSV (or HSB)	349.6°, 74.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.399, 59.564, 21.14
XYZ	26.961, 15.566, 8.792
xyY	0.525, 0.303, 15.566
CIE-LCH	46.399, 63.204, 19.54
CIE-LUV	46.399, 107.465, 12.117
Hunter-Lab	39.453, 52.939, 14.405
Binary	11001010, 00110100, 01001110

#ca344e
```
#ca344e rgb(202,52,78)
```
#34cab0
```
#34cab0 rgb(52,202,176)
```

Complementary Color

#ca3499
```
#ca3499 rgb(202,52,153)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#ca6534
```
#ca6534 rgb(202,101,52)
```

Analogous Color

#3499ca
```
#3499ca rgb(52,153,202)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#34ca65
```
#34ca65 rgb(52,202,101)
```

Split Complementary Color

#344eca
```
#344eca rgb(52,78,202)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#4eca34
```
#4eca34 rgb(78,202,52)
```

Triadic Color

#b034ca
```
#b034ca rgb(176,52,202)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#4eca34
```
#4eca34 rgb(78,202,52)
```
#34cab0
```
#34cab0 rgb(52,202,176)
```

Tetradic Color

#8d2437
```
#8d2437 rgb(141,36,55)
```
#a12a3e
```
#a12a3e rgb(161,42,62)
```
#b62f46
```
#b62f46 rgb(182,47,70)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#d0485f
```
#d0485f rgb(208,72,95)
```
#d55c71
```
#d55c71 rgb(213,92,113)
```
#da7083
```
#da7083 rgb(218,112,131)
```

Monochromatic Color

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

#ca3474
```
#ca3474 rgb(202,52,116)
```
#ca3467
```
#ca3467 rgb(202,52,103)
```
#ca345a
```
#ca345a rgb(202,52,90)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#ca3442
```
#ca3442 rgb(202,52,66)
```
#ca3435
```
#ca3435 rgb(202,52,53)
```
#ca4034
```
#ca4034 rgb(202,64,52)
```

Similar Colors

Text with hexadecimal color #ca344e

This text has a font color of #ca344e.

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

#ca344e background color

This paragraph has a background color of #ca344e.

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

#ca344e border color

This element has a border color of #ca344e.

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

CSS codes

.text {color:#ca344e;}

.background {background-color:#ca344e;}

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

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

#0f0406
```
#0f0406 rgb(15,4,6)
```
#1e080c
```
#1e080c rgb(30,8,12)
```
#2e0c12
```
#2e0c12 rgb(46,12,18)
```
#3e1018
```
#3e1018 rgb(62,16,24)
```
#4d141e
```
#4d141e rgb(77,20,30)
```
#5d1824
```
#5d1824 rgb(93,24,36)
```
#6c1c2a
```
#6c1c2a rgb(108,28,42)
```
#7c2030
```
#7c2030 rgb(124,32,48)
```
#8c2436
```
#8c2436 rgb(140,36,54)
```
#9b283c
```
#9b283c rgb(155,40,60)
```
#ab2c42
```
#ab2c42 rgb(171,44,66)
```
#ba3048
```
#ba3048 rgb(186,48,72)
```
#ca344e
```
#ca344e rgb(202,52,78)
```

Shade Color Variation

#cf435b
```
#cf435b rgb(207,67,91)
```
#d35369
```
#d35369 rgb(211,83,105)
```
#d76276
```
#d76276 rgb(215,98,118)
```
#db7284
```
#db7284 rgb(219,114,132)
```
#df8192
```
#df8192 rgb(223,129,146)
```
#e3919f
```
#e3919f rgb(227,145,159)
```
#e7a1ad
```
#e7a1ad rgb(231,161,173)
```
#ebb0ba
```
#ebb0ba rgb(235,176,186)
```
#efc0c8
```
#efc0c8 rgb(239,192,200)
```
#f3cfd6
```
#f3cfd6 rgb(243,207,214)
```
#f7dfe3
```
#f7dfe3 rgb(247,223,227)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#86787b
```
#86787b rgb(134,120,123)
```
#8f6f74
```
#8f6f74 rgb(143,111,116)
```
#99656e
```
#99656e rgb(153,101,110)
```
#a35b68
```
#a35b68 rgb(163,91,104)
```
#ad5161
```
#ad5161 rgb(173,81,97)
```
#b6485b
```
#b6485b rgb(182,72,91)
```
#c03e54
```
#c03e54 rgb(192,62,84)
```
#ca344e
```
#ca344e rgb(202,52,78)
```
#d42a48
```
#d42a48 rgb(212,42,72)
```
#de2041
```
#de2041 rgb(222,32,65)
```
#e7173b
```
#e7173b rgb(231,23,59)
```
#f10d34
```
#f10d34 rgb(241,13,52)
```
#fb032e
```
#fb032e rgb(251,3,46)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#785a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79756c Protanopia 1% of men
#8c704d Deuteranopia 1% of men
#cb4245 Tritanopia 0.001% of the population

Trichromacy

#965d61 Protanomaly 1% of men, 0.01% of women
#a25a4d Deuteranomaly 6% of men, 0.4% of women
#cb3d48 Tritanomaly 0.01% of the population

#ca344e hex color

#ca344e Color Information

#ca344e Color Conversion

Color Schemes with #ca344e

Alternatives to #ca344e

#ca344e Preview

Shades and Tints of #ca344e

Tones of #ca344e

Color Blindness Simulator