#ca386a hex color

In a RGB color space, hex #ca386a is composed of 79.2% red, 22% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 47.5% yellow and 20.8% black. It has a hue angle of 339.5 degrees, a saturation of 57.9% and a lightness of 50.6%. #ca386a color hex could be obtained by blending #ff70d4 with #950000. Closest websafe color is: #cc3366.

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

● #ca386a color description : Moderate pink.

The hexadecimal color #ca386a has RGB values of R:202, G:56, B:106 and CMYK values of C:0, M:0.72, Y:0.48, K:0.21. Its decimal value is 13252714.

Hex triplet	ca386a	`#ca386a`
RGB Decimal	202, 56, 106	`rgb(202,56,106)`
RGB Percent	79.2, 22, 41.6	`rgb(79.2%,22%,41.6%)`
CMYK	0, 72, 48, 21
HSL	339.5°, 57.9, 50.6	`hsl(339.5,57.9%,50.6%)`
HSV (or HSB)	339.5°, 72.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.532, 60.323, 5.533
XYZ	28.374, 16.428, 15.312
xyY	0.472, 0.273, 16.428
CIE-LCH	47.532, 60.576, 5.241
CIE-LUV	47.532, 96.405, -4.539
Hunter-Lab	40.532, 54.024, 5.974
Binary	11001010, 00111000, 01101010

#ca386a
```
#ca386a rgb(202,56,106)
```
#38ca98
```
#38ca98 rgb(56,202,152)
```

Complementary Color

#ca38b3
```
#ca38b3 rgb(202,56,179)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#ca4f38
```
#ca4f38 rgb(202,79,56)
```

Analogous Color

#38b3ca
```
#38b3ca rgb(56,179,202)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#38ca4f
```
#38ca4f rgb(56,202,79)
```

Split Complementary Color

#386aca
```
#386aca rgb(56,106,202)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#6aca38
```
#6aca38 rgb(106,202,56)
```

Triadic Color

#9838ca
```
#9838ca rgb(152,56,202)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#6aca38
```
#6aca38 rgb(106,202,56)
```
#38ca98
```
#38ca98 rgb(56,202,152)
```

Tetradic Color

#8f264a
```
#8f264a rgb(143,38,74)
```
#a32c55
```
#a32c55 rgb(163,44,85)
```
#b8315f
```
#b8315f rgb(184,49,95)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#cf4c79
```
#cf4c79 rgb(207,76,121)
```
#d56088
```
#d56088 rgb(213,96,136)
```
#da7497
```
#da7497 rgb(218,116,151)
```

Monochromatic Color

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

#ca388f
```
#ca388f rgb(202,56,143)
```
#ca3882
```
#ca3882 rgb(202,56,130)
```
#ca3876
```
#ca3876 rgb(202,56,118)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#ca385e
```
#ca385e rgb(202,56,94)
```
#ca3852
```
#ca3852 rgb(202,56,82)
```
#ca3846
```
#ca3846 rgb(202,56,70)
```

Similar Colors

Text with hexadecimal color #ca386a

This text has a font color of #ca386a.

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

#ca386a background color

This paragraph has a background color of #ca386a.

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

#ca386a border color

This element has a border color of #ca386a.

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

CSS codes

.text {color:#ca386a;}

.background {background-color:#ca386a;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120509
```
#120509 rgb(18,5,9)
```
#210911
```
#210911 rgb(33,9,17)
```
#310d19
```
#310d19 rgb(49,13,25)
```
#401121
```
#401121 rgb(64,17,33)
```
#501529
```
#501529 rgb(80,21,41)
```
#5f1931
```
#5f1931 rgb(95,25,49)
```
#6f1e39
```
#6f1e39 rgb(111,30,57)
```
#7e2241
```
#7e2241 rgb(126,34,65)
```
#8e2649
```
#8e2649 rgb(142,38,73)
```
#9d2a51
```
#9d2a51 rgb(157,42,81)
```
#ad2e59
```
#ad2e59 rgb(173,46,89)
```
#bc3261
```
#bc3261 rgb(188,50,97)
```

Shade Color Variation

#ca386a
```
#ca386a rgb(202,56,106)
```
#ce4776
```
#ce4776 rgb(206,71,118)
```
#d25781
```
#d25781 rgb(210,87,129)
```
#d6668d
```
#d6668d rgb(214,102,141)
```
#db7698
```
#db7698 rgb(219,118,152)
```
#df85a4
```
#df85a4 rgb(223,133,164)
```
#e395b0
```
#e395b0 rgb(227,149,176)
```
#e7a4bb
```
#e7a4bb rgb(231,164,187)
```
#ebb4c7
```
#ebb4c7 rgb(235,180,199)
```
#efc3d2
```
#efc3d2 rgb(239,195,210)
```
#f3d3de
```
#f3d3de rgb(243,211,222)
```
#f7e2ea
```
#f7e2ea rgb(247,226,234)
```
#fcf2f5
```
#fcf2f5 rgb(252,242,245)
```

Tint Color Variation

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

#867c7f
```
#867c7f rgb(134,124,127)
```
#90727c
```
#90727c rgb(144,114,124)
```
#9a6879
```
#9a6879 rgb(154,104,121)
```
#a35f76
```
#a35f76 rgb(163,95,118)
```
#ad5573
```
#ad5573 rgb(173,85,115)
```
#b74b70
```
#b74b70 rgb(183,75,112)
```
#c0426d
```
#c0426d rgb(192,66,109)
```
#ca386a
```
#ca386a rgb(202,56,106)
```
#d42e67
```
#d42e67 rgb(212,46,103)
```
#dd2564
```
#dd2564 rgb(221,37,100)
```
#e71b61
```
#e71b61 rgb(231,27,97)
```
#f1115e
```
#f1115e rgb(241,17,94)
```
#fa085b
```
#fa085b rgb(250,8,91)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7c5f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73778b Protanopia 1% of men
#897367 Deuteranopia 1% of men
#ca4a4e Tritanopia 0.001% of the population

Trichromacy

#93607f Protanomaly 1% of men, 0.01% of women
#a05e68 Deuteranomaly 6% of men, 0.4% of women
#ca4358 Tritanomaly 0.01% of the population

#ca386a hex color

#ca386a Color Information

#ca386a Color Conversion

Color Schemes with #ca386a

Alternatives to #ca386a

#ca386a Preview

Shades and Tints of #ca386a

Tones of #ca386a

Color Blindness Simulator