colorhexa.com

#ca386d hex color

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

- R 79
- G 22
- B 43
RGB color chart
- C 0
- M 72
- Y 46
- K 21
CMYK color chart

● #ca386d color description : Moderate pink.

The hexadecimal color #ca386d has RGB values of R:202, G:56, B:109 and CMYK values of C:0, M:0.72, Y:0.46, K:0.21. Its decimal value is 13252717.

Hex triplet	ca386d	`#ca386d`
RGB Decimal	202, 56, 109	`rgb(202,56,109)`
RGB Percent	79.2, 22, 42.7	`rgb(79.2%,22%,42.7%)`
CMYK	0, 72, 46, 21
HSL	338.2°, 57.9, 50.6	`hsl(338.2,57.9%,50.6%)`
HSV (or HSB)	338.2°, 72.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.613, 60.592, 3.814
XYZ	28.532, 16.492, 16.148
xyY	0.466, 0.27, 16.492
CIE-LCH	47.613, 60.712, 3.602
CIE-LUV	47.613, 95.338, -6.641
Hunter-Lab	40.61, 54.344, 4.852
Binary	11001010, 00111000, 01101101

#ca386d
```
#ca386d rgb(202,56,109)
```
#38ca95
```
#38ca95 rgb(56,202,149)
```

Complementary Color

#ca38b6
```
#ca38b6 rgb(202,56,182)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#ca4c38
```
#ca4c38 rgb(202,76,56)
```

Analogous Color

#38b6ca
```
#38b6ca rgb(56,182,202)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#38ca4c
```
#38ca4c rgb(56,202,76)
```

Split Complementary Color

#386dca
```
#386dca rgb(56,109,202)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#6dca38
```
#6dca38 rgb(109,202,56)
```

Triadic Color

#9538ca
```
#9538ca rgb(149,56,202)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#6dca38
```
#6dca38 rgb(109,202,56)
```
#38ca95
```
#38ca95 rgb(56,202,149)
```

Tetradic Color

#8f264c
```
#8f264c rgb(143,38,76)
```
#a32c57
```
#a32c57 rgb(163,44,87)
```
#b83162
```
#b83162 rgb(184,49,98)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#cf4c7c
```
#cf4c7c rgb(207,76,124)
```
#d5608b
```
#d5608b rgb(213,96,139)
```
#da7499
```
#da7499 rgb(218,116,153)
```

Monochromatic Color

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

#ca3892
```
#ca3892 rgb(202,56,146)
```
#ca3885
```
#ca3885 rgb(202,56,133)
```
#ca3879
```
#ca3879 rgb(202,56,121)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#ca3861
```
#ca3861 rgb(202,56,97)
```
#ca3855
```
#ca3855 rgb(202,56,85)
```
#ca3849
```
#ca3849 rgb(202,56,73)
```

Similar Colors

Text with hexadecimal color #ca386d

This text has a font color of #ca386d.

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

#ca386d background color

This paragraph has a background color of #ca386d.

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

#ca386d border color

This element has a border color of #ca386d.

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

CSS codes

.text {color:#ca386d;}

.background {background-color:#ca386d;}

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

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)
```
#12050a
```
#12050a rgb(18,5,10)
```
#210912
```
#210912 rgb(33,9,18)
```
#310d1a
```
#310d1a rgb(49,13,26)
```
#401122
```
#401122 rgb(64,17,34)
```
#50152b
```
#50152b rgb(80,21,43)
```
#5f1933
```
#5f1933 rgb(95,25,51)
```
#6f1e3b
```
#6f1e3b rgb(111,30,59)
```
#7e2243
```
#7e2243 rgb(126,34,67)
```
#8e264c
```
#8e264c rgb(142,38,76)
```
#9d2a54
```
#9d2a54 rgb(157,42,84)
```
#ad2e5c
```
#ad2e5c rgb(173,46,92)
```
#bc3264
```
#bc3264 rgb(188,50,100)
```

Shade Color Variation

#ca386d
```
#ca386d rgb(202,56,109)
```
#ce4778
```
#ce4778 rgb(206,71,120)
```
#d25784
```
#d25784 rgb(210,87,132)
```
#d6668f
```
#d6668f rgb(214,102,143)
```
#db769a
```
#db769a rgb(219,118,154)
```
#df85a6
```
#df85a6 rgb(223,133,166)
```
#e395b1
```
#e395b1 rgb(227,149,177)
```
#e7a4bd
```
#e7a4bd rgb(231,164,189)
```
#ebb4c8
```
#ebb4c8 rgb(235,180,200)
```
#efc3d3
```
#efc3d3 rgb(239,195,211)
```
#f3d3df
```
#f3d3df rgb(243,211,223)
```
#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, #867c80 is the less saturated color, while #fa0860 is the most saturated one.

#867c80
```
#867c80 rgb(134,124,128)
```
#90727d
```
#90727d rgb(144,114,125)
```
#9a687a
```
#9a687a rgb(154,104,122)
```
#a35f78
```
#a35f78 rgb(163,95,120)
```
#ad5575
```
#ad5575 rgb(173,85,117)
```
#b74b72
```
#b74b72 rgb(183,75,114)
```
#c04270
```
#c04270 rgb(192,66,112)
```
#ca386d
```
#ca386d rgb(202,56,109)
```
#d42e6a
```
#d42e6a rgb(212,46,106)
```
#dd2568
```
#dd2568 rgb(221,37,104)
```
#e71b65
```
#e71b65 rgb(231,27,101)
```
#f11162
```
#f11162 rgb(241,17,98)
```
#fa0860
```
#fa0860 rgb(250,8,96)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7d606b Atypical Achromatopsia 0.001% of the population

Dichromacy

#72778f Protanopia 1% of men
#88746a Deuteranopia 1% of men
#ca4b4f Tritanopia 0.001% of the population

Trichromacy

#926082 Protanomaly 1% of men, 0.01% of women
#a05e6b Deuteranomaly 6% of men, 0.4% of women
#ca445a Tritanomaly 0.01% of the population