#ca356d hex color

In a RGB color space, hex #ca356d is composed of 79.2% red, 20.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 46% yellow and 20.8% black. It has a hue angle of 337.4 degrees, a saturation of 58.4% and a lightness of 50%. #ca356d color hex could be obtained by blending #ff6ada with #950000. Closest websafe color is: #cc3366.

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

● #ca356d color description : Moderate pink.

The hexadecimal color #ca356d has RGB values of R:202, G:53, B:109 and CMYK values of C:0, M:0.74, Y:0.46, K:0.21. Its decimal value is 13251949.

Hex triplet	ca356d	`#ca356d`
RGB Decimal	202, 53, 109	`rgb(202,53,109)`
RGB Percent	79.2, 20.8, 42.7	`rgb(79.2%,20.8%,42.7%)`
CMYK	0, 74, 46, 21
HSL	337.4°, 58.4, 50	`hsl(337.4,58.4%,50%)`
HSV (or HSB)	337.4°, 73.8, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.249, 61.612, 3.288
XYZ	28.391, 16.21, 16.101
xyY	0.468, 0.267, 16.21
CIE-LCH	47.249, 61.7, 3.055
CIE-LUV	47.249, 96.574, -7.499
Hunter-Lab	40.261, 55.416, 4.472
Binary	11001010, 00110101, 01101101

#ca356d
```
#ca356d rgb(202,53,109)
```
#35ca92
```
#35ca92 rgb(53,202,146)
```

Complementary Color

#ca35b8
```
#ca35b8 rgb(202,53,184)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#ca4835
```
#ca4835 rgb(202,72,53)
```

Analogous Color

#35b8ca
```
#35b8ca rgb(53,184,202)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#35ca48
```
#35ca48 rgb(53,202,72)
```

Split Complementary Color

#356dca
```
#356dca rgb(53,109,202)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#6dca35
```
#6dca35 rgb(109,202,53)
```

Triadic Color

#9235ca
```
#9235ca rgb(146,53,202)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#6dca35
```
#6dca35 rgb(109,202,53)
```
#35ca92
```
#35ca92 rgb(53,202,146)
```

Tetradic Color

#8d254c
```
#8d254c rgb(141,37,76)
```
#a22a57
```
#a22a57 rgb(162,42,87)
```
#b63062
```
#b63062 rgb(182,48,98)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#cf497c
```
#cf497c rgb(207,73,124)
```
#d55d8a
```
#d55d8a rgb(213,93,138)
```
#da7299
```
#da7299 rgb(218,114,153)
```

Monochromatic Color

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

#ca3592
```
#ca3592 rgb(202,53,146)
```
#ca3586
```
#ca3586 rgb(202,53,134)
```
#ca3579
```
#ca3579 rgb(202,53,121)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#ca3561
```
#ca3561 rgb(202,53,97)
```
#ca3554
```
#ca3554 rgb(202,53,84)
```
#ca3548
```
#ca3548 rgb(202,53,72)
```

Similar Colors

Text with hexadecimal color #ca356d

This text has a font color of #ca356d.

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

#ca356d background color

This paragraph has a background color of #ca356d.

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

#ca356d border color

This element has a border color of #ca356d.

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

CSS codes

.text {color:#ca356d;}

.background {background-color:#ca356d;}

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

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, #100408 is the darkest color, while #ffffff is the lightest one.

#100408
```
#100408 rgb(16,4,8)
```
#1f0811
```
#1f0811 rgb(31,8,17)
```
#2f0c19
```
#2f0c19 rgb(47,12,25)
```
#3e1022
```
#3e1022 rgb(62,16,34)
```
#4e142a
```
#4e142a rgb(78,20,42)
```
#5d1832
```
#5d1832 rgb(93,24,50)
```
#6d1d3b
```
#6d1d3b rgb(109,29,59)
```
#7c2143
```
#7c2143 rgb(124,33,67)
```
#8c254b
```
#8c254b rgb(140,37,75)
```
#9b2954
```
#9b2954 rgb(155,41,84)
```
#ab2d5c
```
#ab2d5c rgb(171,45,92)
```
#ba3165
```
#ba3165 rgb(186,49,101)
```
#ca356d
```
#ca356d rgb(202,53,109)
```

Shade Color Variation

#ce4578
```
#ce4578 rgb(206,69,120)
```
#d25483
```
#d25483 rgb(210,84,131)
```
#d6648f
```
#d6648f rgb(214,100,143)
```
#da739a
```
#da739a rgb(218,115,154)
```
#de83a5
```
#de83a5 rgb(222,131,165)
```
#e292b0
```
#e292b0 rgb(226,146,176)
```
#e7a2bc
```
#e7a2bc rgb(231,162,188)
```
#ebb1c7
```
#ebb1c7 rgb(235,177,199)
```
#efc1d2
```
#efc1d2 rgb(239,193,210)
```
#f3d0dd
```
#f3d0dd rgb(243,208,221)
```
#f7e0e9
```
#f7e0e9 rgb(247,224,233)
```
#fbeff4
```
#fbeff4 rgb(251,239,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857a7e
```
#857a7e rgb(133,122,126)
```
#8f707c
```
#8f707c rgb(143,112,124)
```
#996679
```
#996679 rgb(153,102,121)
```
#a35c77
```
#a35c77 rgb(163,92,119)
```
#ad5274
```
#ad5274 rgb(173,82,116)
```
#b64972
```
#b64972 rgb(182,73,114)
```
#c03f6f
```
#c03f6f rgb(192,63,111)
```
#ca356d
```
#ca356d rgb(202,53,109)
```
#d42b6b
```
#d42b6b rgb(212,43,107)
```
#de2168
```
#de2168 rgb(222,33,104)
```
#e71866
```
#e71866 rgb(231,24,102)
```
#f10e63
```
#f10e63 rgb(241,14,99)
```
#fb0461
```
#fb0461 rgb(251,4,97)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c5e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717690 Protanopia 1% of men
#87736a Deuteranopia 1% of men
#ca494d Tritanopia 0.001% of the population

Trichromacy

#915e83 Protanomaly 1% of men, 0.01% of women
#9f5c6b Deuteranomaly 6% of men, 0.4% of women
#ca4158 Tritanomaly 0.01% of the population

#ca356d hex color

#ca356d Color Information

#ca356d Color Conversion

Color Schemes with #ca356d

Alternatives to #ca356d

#ca356d Preview

Shades and Tints of #ca356d

Tones of #ca356d

Color Blindness Simulator