#ca344f hex color

In a RGB color space, hex #ca344f is composed of 79.2% red, 20.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 60.9% yellow and 20.8% black. It has a hue angle of 349.2 degrees, a saturation of 59.1% and a lightness of 49.8%. #ca344f color hex could be obtained by blending #ff689e 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

● #ca344f color description : Moderate red.

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

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

CIE-LAB	46.419, 59.627, 20.554
XYZ	26.997, 15.58, 8.982
xyY	0.524, 0.302, 15.58
CIE-LCH	46.419, 63.071, 19.019
CIE-LUV	46.419, 107.163, 11.55
Hunter-Lab	39.472, 53.013, 14.138
Binary	11001010, 00110100, 01001111

#ca344f
```
#ca344f rgb(202,52,79)
```
#34caaf
```
#34caaf rgb(52,202,175)
```

Complementary Color

#ca349a
```
#ca349a rgb(202,52,154)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#ca6434
```
#ca6434 rgb(202,100,52)
```

Analogous Color

#349aca
```
#349aca rgb(52,154,202)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#34ca64
```
#34ca64 rgb(52,202,100)
```

Split Complementary Color

#344fca
```
#344fca rgb(52,79,202)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#4fca34
```
#4fca34 rgb(79,202,52)
```

Triadic Color

#af34ca
```
#af34ca rgb(175,52,202)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#4fca34
```
#4fca34 rgb(79,202,52)
```
#34caaf
```
#34caaf rgb(52,202,175)
```

Tetradic Color

#8d2437
```
#8d2437 rgb(141,36,55)
```
#a12a3f
```
#a12a3f rgb(161,42,63)
```
#b62f47
```
#b62f47 rgb(182,47,71)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#d04860
```
#d04860 rgb(208,72,96)
```
#d55c72
```
#d55c72 rgb(213,92,114)
```
#da7083
```
#da7083 rgb(218,112,131)
```

Monochromatic Color

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

#ca3475
```
#ca3475 rgb(202,52,117)
```
#ca3468
```
#ca3468 rgb(202,52,104)
```
#ca345b
```
#ca345b rgb(202,52,91)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#ca3442
```
#ca3442 rgb(202,52,66)
```
#ca3436
```
#ca3436 rgb(202,52,54)
```
#ca3f34
```
#ca3f34 rgb(202,63,52)
```

Similar Colors

Text with hexadecimal color #ca344f

This text has a font color of #ca344f.

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

#ca344f background color

This paragraph has a background color of #ca344f.

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

#ca344f border color

This element has a border color of #ca344f.

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

CSS codes

.text {color:#ca344f;}

.background {background-color:#ca344f;}

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

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)
```
#8c2437
```
#8c2437 rgb(140,36,55)
```
#9b283d
```
#9b283d rgb(155,40,61)
```
#ab2c43
```
#ab2c43 rgb(171,44,67)
```
#ba3049
```
#ba3049 rgb(186,48,73)
```
#ca344f
```
#ca344f rgb(202,52,79)
```

Shade Color Variation

#cf435c
```
#cf435c rgb(207,67,92)
```
#d3536a
```
#d3536a rgb(211,83,106)
```
#d76277
```
#d76277 rgb(215,98,119)
```
#db7285
```
#db7285 rgb(219,114,133)
```
#df8192
```
#df8192 rgb(223,129,146)
```
#e391a0
```
#e391a0 rgb(227,145,160)
```
#e7a1ad
```
#e7a1ad rgb(231,161,173)
```
#ebb0bb
```
#ebb0bb rgb(235,176,187)
```
#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 #fb0330 is the most saturated one.

#86787b
```
#86787b rgb(134,120,123)
```
#8f6f75
```
#8f6f75 rgb(143,111,117)
```
#99656e
```
#99656e rgb(153,101,110)
```
#a35b68
```
#a35b68 rgb(163,91,104)
```
#ad5162
```
#ad5162 rgb(173,81,98)
```
#b6485c
```
#b6485c rgb(182,72,92)
```
#c03e55
```
#c03e55 rgb(192,62,85)
```
#ca344f
```
#ca344f rgb(202,52,79)
```
#d42a49
```
#d42a49 rgb(212,42,73)
```
#de2042
```
#de2042 rgb(222,32,66)
```
#e7173c
```
#e7173c rgb(231,23,60)
```
#f10d36
```
#f10d36 rgb(241,13,54)
```
#fb0330
```
#fb0330 rgb(251,3,48)
```

Tone Color Variation

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

#79756d Protanopia 1% of men
#8c704e Deuteranopia 1% of men
#cb4245 Tritanopia 0.001% of the population

Trichromacy

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

#ca344f hex color

#ca344f Color Information

#ca344f Color Conversion

Color Schemes with #ca344f

Alternatives to #ca344f

#ca344f Preview

Shades and Tints of #ca344f

Tones of #ca344f

Color Blindness Simulator