#ca386f hex color

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

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

● #ca386f color description : Moderate pink.

The hexadecimal color #ca386f has RGB values of R:202, G:56, B:111 and CMYK values of C:0, M:0.72, Y:0.45, K:0.21. Its decimal value is 13252719.

Hex triplet	ca386f	`#ca386f`
RGB Decimal	202, 56, 111	`rgb(202,56,111)`
RGB Percent	79.2, 22, 43.5	`rgb(79.2%,22%,43.5%)`
CMYK	0, 72, 45, 21
HSL	337.4°, 57.9, 50.6	`hsl(337.4,57.9%,50.6%)`
HSV (or HSB)	337.4°, 72.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.669, 60.777, 2.672
XYZ	28.641, 16.536, 16.722
xyY	0.463, 0.267, 16.536
CIE-LCH	47.669, 60.835, 2.517
CIE-LUV	47.669, 94.62, -8.06
Hunter-Lab	40.664, 54.563, 4.084
Binary	11001010, 00111000, 01101111

#ca386f
```
#ca386f rgb(202,56,111)
```
#38ca93
```
#38ca93 rgb(56,202,147)
```

Complementary Color

#ca38b8
```
#ca38b8 rgb(202,56,184)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#ca4a38
```
#ca4a38 rgb(202,74,56)
```

Analogous Color

#38b8ca
```
#38b8ca rgb(56,184,202)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#38ca4a
```
#38ca4a rgb(56,202,74)
```

Split Complementary Color

#386fca
```
#386fca rgb(56,111,202)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#6fca38
```
#6fca38 rgb(111,202,56)
```

Triadic Color

#9338ca
```
#9338ca rgb(147,56,202)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#6fca38
```
#6fca38 rgb(111,202,56)
```
#38ca93
```
#38ca93 rgb(56,202,147)
```

Tetradic Color

#8f264e
```
#8f264e rgb(143,38,78)
```
#a32c59
```
#a32c59 rgb(163,44,89)
```
#b83164
```
#b83164 rgb(184,49,100)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#cf4c7e
```
#cf4c7e rgb(207,76,126)
```
#d5608c
```
#d5608c rgb(213,96,140)
```
#da749b
```
#da749b rgb(218,116,155)
```

Monochromatic Color

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

#ca3894
```
#ca3894 rgb(202,56,148)
```
#ca3887
```
#ca3887 rgb(202,56,135)
```
#ca387b
```
#ca387b rgb(202,56,123)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#ca3863
```
#ca3863 rgb(202,56,99)
```
#ca3857
```
#ca3857 rgb(202,56,87)
```
#ca384b
```
#ca384b rgb(202,56,75)
```

Similar Colors

Text with hexadecimal color #ca386f

This text has a font color of #ca386f.

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

#ca386f background color

This paragraph has a background color of #ca386f.

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

#ca386f border color

This element has a border color of #ca386f.

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

CSS codes

.text {color:#ca386f;}

.background {background-color:#ca386f;}

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

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 #fcf2f6 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#12050a
```
#12050a rgb(18,5,10)
```
#210912
```
#210912 rgb(33,9,18)
```
#310d1b
```
#310d1b rgb(49,13,27)
```
#401123
```
#401123 rgb(64,17,35)
```
#50152b
```
#50152b rgb(80,21,43)
```
#5f1934
```
#5f1934 rgb(95,25,52)
```
#6f1e3c
```
#6f1e3c rgb(111,30,60)
```
#7e2245
```
#7e2245 rgb(126,34,69)
```
#8e264d
```
#8e264d rgb(142,38,77)
```
#9d2a55
```
#9d2a55 rgb(157,42,85)
```
#ad2e5e
```
#ad2e5e rgb(173,46,94)
```
#bc3266
```
#bc3266 rgb(188,50,102)
```

Shade Color Variation

#ca386f
```
#ca386f rgb(202,56,111)
```
#ce477a
```
#ce477a rgb(206,71,122)
```
#d25785
```
#d25785 rgb(210,87,133)
```
#d66691
```
#d66691 rgb(214,102,145)
```
#db769c
```
#db769c rgb(219,118,156)
```
#df85a7
```
#df85a7 rgb(223,133,167)
```
#e395b2
```
#e395b2 rgb(227,149,178)
```
#e7a4bd
```
#e7a4bd rgb(231,164,189)
```
#ebb4c9
```
#ebb4c9 rgb(235,180,201)
```
#efc3d4
```
#efc3d4 rgb(239,195,212)
```
#f3d3df
```
#f3d3df rgb(243,211,223)
```
#f7e2ea
```
#f7e2ea rgb(247,226,234)
```
#fcf2f6
```
#fcf2f6 rgb(252,242,246)
```

Tint Color Variation

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

#867c80
```
#867c80 rgb(134,124,128)
```
#90727d
```
#90727d rgb(144,114,125)
```
#9a687b
```
#9a687b rgb(154,104,123)
```
#a35f79
```
#a35f79 rgb(163,95,121)
```
#ad5576
```
#ad5576 rgb(173,85,118)
```
#b74b74
```
#b74b74 rgb(183,75,116)
```
#c04271
```
#c04271 rgb(192,66,113)
```
#ca386f
```
#ca386f rgb(202,56,111)
```
#d42e6d
```
#d42e6d rgb(212,46,109)
```
#dd256a
```
#dd256a rgb(221,37,106)
```
#e71b68
```
#e71b68 rgb(231,27,104)
```
#f11165
```
#f11165 rgb(241,17,101)
```
#fa0863
```
#fa0863 rgb(250,8,99)
```

Tone Color Variation

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

#727791 Protanopia 1% of men
#88746c Deuteranopia 1% of men
#ca4b4f Tritanopia 0.001% of the population

Trichromacy

#926084 Protanomaly 1% of men, 0.01% of women
#a05e6d Deuteranomaly 6% of men, 0.4% of women
#ca445b Tritanomaly 0.01% of the population

#ca386f hex color

#ca386f Color Information

#ca386f Color Conversion

Color Schemes with #ca386f

Alternatives to #ca386f

#ca386f Preview

Shades and Tints of #ca386f

Tones of #ca386f

Color Blindness Simulator