#ca3458 hex color

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

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

● #ca3458 color description : Moderate red.

The hexadecimal color #ca3458 has RGB values of R:202, G:52, B:88 and CMYK values of C:0, M:0.74, Y:0.56, K:0.21. Its decimal value is 13251672.

Hex triplet	ca3458	`#ca3458`
RGB Decimal	202, 52, 88	`rgb(202,52,88)`
RGB Percent	79.2, 20.4, 34.5	`rgb(79.2%,20.4%,34.5%)`
CMYK	0, 74, 56, 21
HSL	345.6°, 59.1, 49.8	`hsl(345.6,59.1%,49.8%)`
HSV (or HSB)	345.6°, 74.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.605, 60.238, 15.285
XYZ	27.348, 15.72, 10.826
xyY	0.507, 0.292, 15.72
CIE-LCH	46.605, 62.147, 14.238
CIE-LUV	46.605, 104.322, 6.205
Hunter-Lab	39.649, 53.735, 11.565
Binary	11001010, 00110100, 01011000

#ca3458
```
#ca3458 rgb(202,52,88)
```
#34caa6
```
#34caa6 rgb(52,202,166)
```

Complementary Color

#ca34a3
```
#ca34a3 rgb(202,52,163)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#ca5b34
```
#ca5b34 rgb(202,91,52)
```

Analogous Color

#34a3ca
```
#34a3ca rgb(52,163,202)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#34ca5b
```
#34ca5b rgb(52,202,91)
```

Split Complementary Color

#3458ca
```
#3458ca rgb(52,88,202)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#58ca34
```
#58ca34 rgb(88,202,52)
```

Triadic Color

#a634ca
```
#a634ca rgb(166,52,202)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#58ca34
```
#58ca34 rgb(88,202,52)
```
#34caa6
```
#34caa6 rgb(52,202,166)
```

Tetradic Color

#8d243d
```
#8d243d rgb(141,36,61)
```
#a12a46
```
#a12a46 rgb(161,42,70)
```
#b62f4f
```
#b62f4f rgb(182,47,79)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#d04868
```
#d04868 rgb(208,72,104)
```
#d55c79
```
#d55c79 rgb(213,92,121)
```
#da708a
```
#da708a rgb(218,112,138)
```

Monochromatic Color

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

#ca347e
```
#ca347e rgb(202,52,126)
```
#ca3471
```
#ca3471 rgb(202,52,113)
```
#ca3465
```
#ca3465 rgb(202,52,101)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#ca344c
```
#ca344c rgb(202,52,76)
```
#ca343f
```
#ca343f rgb(202,52,63)
```
#ca3634
```
#ca3634 rgb(202,54,52)
```

Similar Colors

Text with hexadecimal color #ca3458

This text has a font color of #ca3458.

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

#ca3458 background color

This paragraph has a background color of #ca3458.

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

#ca3458 border color

This element has a border color of #ca3458.

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

CSS codes

.text {color:#ca3458;}

.background {background-color:#ca3458;}

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

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)
```
#1e080d
```
#1e080d rgb(30,8,13)
```
#2e0c14
```
#2e0c14 rgb(46,12,20)
```
#3e101b
```
#3e101b rgb(62,16,27)
```
#4d1422
```
#4d1422 rgb(77,20,34)
```
#5d1828
```
#5d1828 rgb(93,24,40)
```
#6c1c2f
```
#6c1c2f rgb(108,28,47)
```
#7c2036
```
#7c2036 rgb(124,32,54)
```
#8c243d
```
#8c243d rgb(140,36,61)
```
#9b2844
```
#9b2844 rgb(155,40,68)
```
#ab2c4a
```
#ab2c4a rgb(171,44,74)
```
#ba3051
```
#ba3051 rgb(186,48,81)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```

Shade Color Variation

#cf4365
```
#cf4365 rgb(207,67,101)
```
#d35371
```
#d35371 rgb(211,83,113)
```
#d7627e
```
#d7627e rgb(215,98,126)
```
#db728b
```
#db728b rgb(219,114,139)
```
#df8198
```
#df8198 rgb(223,129,152)
```
#e391a5
```
#e391a5 rgb(227,145,165)
```
#e7a1b1
```
#e7a1b1 rgb(231,161,177)
```
#ebb0be
```
#ebb0be rgb(235,176,190)
```
#efc0cb
```
#efc0cb rgb(239,192,203)
```
#f3cfd8
```
#f3cfd8 rgb(243,207,216)
```
#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 #fb033f is the most saturated one.

#86787c
```
#86787c rgb(134,120,124)
```
#8f6f76
```
#8f6f76 rgb(143,111,118)
```
#996571
```
#996571 rgb(153,101,113)
```
#a35b6c
```
#a35b6c rgb(163,91,108)
```
#ad5167
```
#ad5167 rgb(173,81,103)
```
#b64862
```
#b64862 rgb(182,72,98)
```
#c03e5d
```
#c03e5d rgb(192,62,93)
```
#ca3458
```
#ca3458 rgb(202,52,88)
```
#d42a53
```
#d42a53 rgb(212,42,83)
```
#de204e
```
#de204e rgb(222,32,78)
```
#e71749
```
#e71749 rgb(231,23,73)
```
#f10d44
```
#f10d44 rgb(241,13,68)
```
#fb033f
```
#fb033f rgb(251,3,63)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#795b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777578 Protanopia 1% of men
#8b7156 Deuteranopia 1% of men
#cb4447 Tritanopia 0.001% of the population

Trichromacy

#955d6c Protanomaly 1% of men, 0.01% of women
#a15b57 Deuteranomaly 6% of men, 0.4% of women
#ca3e4d Tritanomaly 0.01% of the population

#ca3458 hex color

#ca3458 Color Information

#ca3458 Color Conversion

Color Schemes with #ca3458

Alternatives to #ca3458

#ca3458 Preview

Shades and Tints of #ca3458

Tones of #ca3458

Color Blindness Simulator