#ca316c hex color

In a RGB color space, hex #ca316c is composed of 79.2% red, 19.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.7% magenta, 46.5% yellow and 20.8% black. It has a hue angle of 336.9 degrees, a saturation of 61% and a lightness of 49.2%. #ca316c color hex could be obtained by blending #ff62d8 with #950000. Closest websafe color is: #cc3366.

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

● #ca316c color description : Strong pink.

The hexadecimal color #ca316c has RGB values of R:202, G:49, B:108 and CMYK values of C:0, M:0.76, Y:0.47, K:0.21. Its decimal value is 13250924.

Hex triplet	ca316c	`#ca316c`
RGB Decimal	202, 49, 108	`rgb(202,49,108)`
RGB Percent	79.2, 19.2, 42.4	`rgb(79.2%,19.2%,42.4%)`
CMYK	0, 76, 47, 21
HSL	336.9°, 61, 49.2	`hsl(336.9,61%,49.2%)`
HSV (or HSB)	336.9°, 75.7, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.762, 62.81, 3.2
XYZ	28.163, 15.839, 15.761
xyY	0.471, 0.265, 15.839
CIE-LCH	46.762, 62.891, 2.916
CIE-LUV	46.762, 98.505, -7.87
Hunter-Lab	39.798, 56.669, 4.379
Binary	11001010, 00110001, 01101100

#ca316c
```
#ca316c rgb(202,49,108)
```
#31ca8f
```
#31ca8f rgb(49,202,143)
```

Complementary Color

#ca31b9
```
#ca31b9 rgb(202,49,185)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#ca4331
```
#ca4331 rgb(202,67,49)
```

Analogous Color

#31b9ca
```
#31b9ca rgb(49,185,202)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#31ca43
```
#31ca43 rgb(49,202,67)
```

Split Complementary Color

#316cca
```
#316cca rgb(49,108,202)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#6cca31
```
#6cca31 rgb(108,202,49)
```

Triadic Color

#8f31ca
```
#8f31ca rgb(143,49,202)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#6cca31
```
#6cca31 rgb(108,202,49)
```
#31ca8f
```
#31ca8f rgb(49,202,143)
```

Tetradic Color

#8c224b
```
#8c224b rgb(140,34,75)
```
#a12756
```
#a12756 rgb(161,39,86)
```
#b52c61
```
#b52c61 rgb(181,44,97)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#d1437a
```
#d1437a rgb(209,67,122)
```
#d65888
```
#d65888 rgb(214,88,136)
```
#db6c97
```
#db6c97 rgb(219,108,151)
```

Monochromatic Color

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

#ca3192
```
#ca3192 rgb(202,49,146)
```
#ca3186
```
#ca3186 rgb(202,49,134)
```
#ca3179
```
#ca3179 rgb(202,49,121)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#ca315f
```
#ca315f rgb(202,49,95)
```
#ca3153
```
#ca3153 rgb(202,49,83)
```
#ca3146
```
#ca3146 rgb(202,49,70)
```

Similar Colors

Text with hexadecimal color #ca316c

This text has a font color of #ca316c.

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

#ca316c background color

This paragraph has a background color of #ca316c.

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

#ca316c border color

This element has a border color of #ca316c.

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

CSS codes

.text {color:#ca316c;}

.background {background-color:#ca316c;}

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

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

#0d0307
```
#0d0307 rgb(13,3,7)
```
#1c070f
```
#1c070f rgb(28,7,15)
```
#2c0b18
```
#2c0b18 rgb(44,11,24)
```
#3c0f20
```
#3c0f20 rgb(60,15,32)
```
#4c1228
```
#4c1228 rgb(76,18,40)
```
#5b1631
```
#5b1631 rgb(91,22,49)
```
#6b1a39
```
#6b1a39 rgb(107,26,57)
```
#7b1e42
```
#7b1e42 rgb(123,30,66)
```
#8b224a
```
#8b224a rgb(139,34,74)
```
#9b2653
```
#9b2653 rgb(155,38,83)
```
#aa295b
```
#aa295b rgb(170,41,91)
```
#ba2d64
```
#ba2d64 rgb(186,45,100)
```
#ca316c
```
#ca316c rgb(202,49,108)
```

Shade Color Variation

#d03e77
```
#d03e77 rgb(208,62,119)
```
#d44e82
```
#d44e82 rgb(212,78,130)
```
#d85e8d
```
#d85e8d rgb(216,94,141)
```
#dc6e98
```
#dc6e98 rgb(220,110,152)
```
#e07da3
```
#e07da3 rgb(224,125,163)
```
#e38dae
```
#e38dae rgb(227,141,174)
```
#e79dba
```
#e79dba rgb(231,157,186)
```
#ebadc5
```
#ebadc5 rgb(235,173,197)
```
#efbdd0
```
#efbdd0 rgb(239,189,208)
```
#f3ccdb
```
#f3ccdb rgb(243,204,219)
```
#f7dce6
```
#f7dce6 rgb(247,220,230)
```
#faecf2
```
#faecf2 rgb(250,236,242)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#86757b
```
#86757b rgb(134,117,123)
```
#906b79
```
#906b79 rgb(144,107,121)
```
#9a6177
```
#9a6177 rgb(154,97,119)
```
#a35875
```
#a35875 rgb(163,88,117)
```
#ad4e73
```
#ad4e73 rgb(173,78,115)
```
#b74470
```
#b74470 rgb(183,68,112)
```
#c03b6e
```
#c03b6e rgb(192,59,110)
```
#ca316c
```
#ca316c rgb(202,49,108)
```
#d4276a
```
#d4276a rgb(212,39,106)
```
#dd1e68
```
#dd1e68 rgb(221,30,104)
```
#e71465
```
#e71465 rgb(231,20,101)
```
#f10a63
```
#f10a63 rgb(241,10,99)
```
#fa0161
```
#fa0161 rgb(250,1,97)
```

Tone Color Variation

Below, you can see how #ca316c 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
#795b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7590 Protanopia 1% of men
#867269 Deuteranopia 1% of men
#ca4649 Tritanopia 0.001% of the population

Trichromacy

#905c83 Protanomaly 1% of men, 0.01% of women
#9e5a6a Deuteranomaly 6% of men, 0.4% of women
#ca3e56 Tritanomaly 0.01% of the population

#ca316c hex color

#ca316c Color Information

#ca316c Color Conversion

Color Schemes with #ca316c

Alternatives to #ca316c

#ca316c Preview

Shades and Tints of #ca316c

Tones of #ca316c

Color Blindness Simulator