#ca356c hex color

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

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

● #ca356c color description : Moderate pink.

The hexadecimal color #ca356c has RGB values of R:202, G:53, B:108 and CMYK values of C:0, M:0.74, Y:0.47, K:0.21. Its decimal value is 13251948.

Hex triplet	ca356c	`#ca356c`
RGB Decimal	202, 53, 108	`rgb(202,53,108)`
RGB Percent	79.2, 20.8, 42.4	`rgb(79.2%,20.8%,42.4%)`
CMYK	0, 74, 47, 21
HSL	337.9°, 58.4, 50	`hsl(337.9,58.4%,50%)`
HSV (or HSB)	337.9°, 73.8, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.221, 61.522, 3.861
XYZ	28.338, 16.188, 15.819
xyY	0.47, 0.268, 16.188
CIE-LCH	47.221, 61.643, 3.591
CIE-LUV	47.221, 96.94, -6.793
Hunter-Lab	40.235, 55.308, 4.854
Binary	11001010, 00110101, 01101100

#ca356c
```
#ca356c rgb(202,53,108)
```
#35ca93
```
#35ca93 rgb(53,202,147)
```

Complementary Color

#ca35b7
```
#ca35b7 rgb(202,53,183)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#ca4935
```
#ca4935 rgb(202,73,53)
```

Analogous Color

#35b7ca
```
#35b7ca rgb(53,183,202)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#35ca49
```
#35ca49 rgb(53,202,73)
```

Split Complementary Color

#356cca
```
#356cca rgb(53,108,202)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#6cca35
```
#6cca35 rgb(108,202,53)
```

Triadic Color

#9335ca
```
#9335ca rgb(147,53,202)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#6cca35
```
#6cca35 rgb(108,202,53)
```
#35ca93
```
#35ca93 rgb(53,202,147)
```

Tetradic Color

#8d254c
```
#8d254c rgb(141,37,76)
```
#a22a56
```
#a22a56 rgb(162,42,86)
```
#b63061
```
#b63061 rgb(182,48,97)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#cf497b
```
#cf497b rgb(207,73,123)
```
#d55d89
```
#d55d89 rgb(213,93,137)
```
#da7298
```
#da7298 rgb(218,114,152)
```

Monochromatic Color

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

#ca3591
```
#ca3591 rgb(202,53,145)
```
#ca3585
```
#ca3585 rgb(202,53,133)
```
#ca3578
```
#ca3578 rgb(202,53,120)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#ca3560
```
#ca3560 rgb(202,53,96)
```
#ca3553
```
#ca3553 rgb(202,53,83)
```
#ca3547
```
#ca3547 rgb(202,53,71)
```

Similar Colors

Text with hexadecimal color #ca356c

This text has a font color of #ca356c.

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

#ca356c background color

This paragraph has a background color of #ca356c.

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

#ca356c border color

This element has a border color of #ca356c.

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

CSS codes

.text {color:#ca356c;}

.background {background-color:#ca356c;}

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

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)
```
#3e1021
```
#3e1021 rgb(62,16,33)
```
#4e142a
```
#4e142a rgb(78,20,42)
```
#5d1832
```
#5d1832 rgb(93,24,50)
```
#6d1d3a
```
#6d1d3a rgb(109,29,58)
```
#7c2142
```
#7c2142 rgb(124,33,66)
```
#8c254b
```
#8c254b rgb(140,37,75)
```
#9b2953
```
#9b2953 rgb(155,41,83)
```
#ab2d5b
```
#ab2d5b rgb(171,45,91)
```
#ba3164
```
#ba3164 rgb(186,49,100)
```
#ca356c
```
#ca356c rgb(202,53,108)
```

Shade Color Variation

#ce4577
```
#ce4577 rgb(206,69,119)
```
#d25483
```
#d25483 rgb(210,84,131)
```
#d6648e
```
#d6648e rgb(214,100,142)
```
#da7399
```
#da7399 rgb(218,115,153)
```
#de83a5
```
#de83a5 rgb(222,131,165)
```
#e292b0
```
#e292b0 rgb(226,146,176)
```
#e7a2bb
```
#e7a2bb rgb(231,162,187)
```
#ebb1c6
```
#ebb1c6 rgb(235,177,198)
```
#efc1d2
```
#efc1d2 rgb(239,193,210)
```
#f3d0dd
```
#f3d0dd rgb(243,208,221)
```
#f7e0e8
```
#f7e0e8 rgb(247,224,232)
```
#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 #fb045f is the most saturated one.

#857a7e
```
#857a7e rgb(133,122,126)
```
#8f707b
```
#8f707b rgb(143,112,123)
```
#996679
```
#996679 rgb(153,102,121)
```
#a35c76
```
#a35c76 rgb(163,92,118)
```
#ad5274
```
#ad5274 rgb(173,82,116)
```
#b64971
```
#b64971 rgb(182,73,113)
```
#c03f6f
```
#c03f6f rgb(192,63,111)
```
#ca356c
```
#ca356c rgb(202,53,108)
```
#d42b69
```
#d42b69 rgb(212,43,105)
```
#de2167
```
#de2167 rgb(222,33,103)
```
#e71864
```
#e71864 rgb(231,24,100)
```
#f10e62
```
#f10e62 rgb(241,14,98)
```
#fb045f
```
#fb045f rgb(251,4,95)
```

Tone Color Variation

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

#71768e Protanopia 1% of men
#877369 Deuteranopia 1% of men
#ca494c Tritanopia 0.001% of the population

Trichromacy

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

#ca356c hex color

#ca356c Color Information

#ca356c Color Conversion

Color Schemes with #ca356c

Alternatives to #ca356c

#ca356c Preview

Shades and Tints of #ca356c

Tones of #ca356c

Color Blindness Simulator