#ca348b hex color

In a RGB color space, hex #ca348b is composed of 79.2% red, 20.4% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 31.2% yellow and 20.8% black. It has a hue angle of 325.2 degrees, a saturation of 59.1% and a lightness of 49.8%. #ca348b color hex could be obtained by blending #ff68ff with #950017. Closest websafe color is: #cc3399.

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

● #ca348b color description : Moderate pink.

The hexadecimal color #ca348b has RGB values of R:202, G:52, B:139 and CMYK values of C:0, M:0.74, Y:0.31, K:0.21. Its decimal value is 13251723.

Hex triplet	ca348b	`#ca348b`
RGB Decimal	202, 52, 139	`rgb(202,52,139)`
RGB Percent	79.2, 20.4, 54.5	`rgb(79.2%,20.4%,54.5%)`
CMYK	0, 74, 31, 21
HSL	325.2°, 59.1, 49.8	`hsl(325.2,59.1%,49.8%)`
HSV (or HSB)	325.2°, 74.3, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.108, 65.033, -13.692
XYZ	30.246, 16.879, 26.09
xyY	0.413, 0.231, 16.879
CIE-LCH	48.108, 66.459, 348.111
CIE-LUV	48.108, 85.454, -30.233
Hunter-Lab	41.085, 59.511, -8.892
Binary	11001010, 00110100, 10001011

#ca348b
```
#ca348b rgb(202,52,139)
```
#34ca73
```
#34ca73 rgb(52,202,115)
```

Complementary Color

#be34ca
```
#be34ca rgb(190,52,202)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#ca3440
```
#ca3440 rgb(202,52,64)
```

Analogous Color

#34cabe
```
#34cabe rgb(52,202,190)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#40ca34
```
#40ca34 rgb(64,202,52)
```

Split Complementary Color

#348bca
```
#348bca rgb(52,139,202)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#8bca34
```
#8bca34 rgb(139,202,52)
```

Triadic Color

#7334ca
```
#7334ca rgb(115,52,202)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#8bca34
```
#8bca34 rgb(139,202,52)
```
#34ca73
```
#34ca73 rgb(52,202,115)
```

Tetradic Color

#8d2461
```
#8d2461 rgb(141,36,97)
```
#a12a6f
```
#a12a6f rgb(161,42,111)
```
#b62f7d
```
#b62f7d rgb(182,47,125)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#d04897
```
#d04897 rgb(208,72,151)
```
#d55ca2
```
#d55ca2 rgb(213,92,162)
```
#da70ae
```
#da70ae rgb(218,112,174)
```

Monochromatic Color

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

#ca34b1
```
#ca34b1 rgb(202,52,177)
```
#ca34a4
```
#ca34a4 rgb(202,52,164)
```
#ca3498
```
#ca3498 rgb(202,52,152)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#ca347f
```
#ca347f rgb(202,52,127)
```
#ca3472
```
#ca3472 rgb(202,52,114)
```
#ca3466
```
#ca3466 rgb(202,52,102)
```

Similar Colors

Text with hexadecimal color #ca348b

This text has a font color of #ca348b.

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

#ca348b background color

This paragraph has a background color of #ca348b.

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

#ca348b border color

This element has a border color of #ca348b.

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

CSS codes

.text {color:#ca348b;}

.background {background-color:#ca348b;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1e0815
```
#1e0815 rgb(30,8,21)
```
#2e0c20
```
#2e0c20 rgb(46,12,32)
```
#3e102a
```
#3e102a rgb(62,16,42)
```
#4d1435
```
#4d1435 rgb(77,20,53)
```
#5d1840
```
#5d1840 rgb(93,24,64)
```
#6c1c4b
```
#6c1c4b rgb(108,28,75)
```
#7c2055
```
#7c2055 rgb(124,32,85)
```
#8c2460
```
#8c2460 rgb(140,36,96)
```
#9b286b
```
#9b286b rgb(155,40,107)
```
#ab2c76
```
#ab2c76 rgb(171,44,118)
```
#ba3080
```
#ba3080 rgb(186,48,128)
```
#ca348b
```
#ca348b rgb(202,52,139)
```

Shade Color Variation

#cf4394
```
#cf4394 rgb(207,67,148)
```
#d3539d
```
#d3539d rgb(211,83,157)
```
#d762a6
```
#d762a6 rgb(215,98,166)
```
#db72af
```
#db72af rgb(219,114,175)
```
#df81b7
```
#df81b7 rgb(223,129,183)
```
#e391c0
```
#e391c0 rgb(227,145,192)
```
#e7a1c9
```
#e7a1c9 rgb(231,161,201)
```
#ebb0d2
```
#ebb0d2 rgb(235,176,210)
```
#efc0db
```
#efc0db rgb(239,192,219)
```
#f3cfe4
```
#f3cfe4 rgb(243,207,228)
```
#f7dfed
```
#f7dfed rgb(247,223,237)
```
#fbeff6
```
#fbeff6 rgb(251,239,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#867880
```
#867880 rgb(134,120,128)
```
#8f6f82
```
#8f6f82 rgb(143,111,130)
```
#996583
```
#996583 rgb(153,101,131)
```
#a35b85
```
#a35b85 rgb(163,91,133)
```
#ad5186
```
#ad5186 rgb(173,81,134)
```
#b64888
```
#b64888 rgb(182,72,136)
```
#c03e89
```
#c03e89 rgb(192,62,137)
```
#ca348b
```
#ca348b rgb(202,52,139)
```
#d42a8d
```
#d42a8d rgb(212,42,141)
```
#de208e
```
#de208e rgb(222,32,142)
```
#e71790
```
#e71790 rgb(231,23,144)
```
#f10d91
```
#f10d91 rgb(241,13,145)
```
#fb0393
```
#fb0393 rgb(251,3,147)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e6071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6277b3 Protanopia 1% of men
#7f7685 Deuteranopia 1% of men
#c75055 Tritanopia 0.001% of the population

Trichromacy

#885fa4 Protanomaly 1% of men, 0.01% of women
#9a5e87 Deuteranomaly 6% of men, 0.4% of women
#c84668 Tritanomaly 0.01% of the population

#ca348b hex color

#ca348b Color Information

#ca348b Color Conversion

Color Schemes with #ca348b

Alternatives to #ca348b

#ca348b Preview

Shades and Tints of #ca348b

Tones of #ca348b

Color Blindness Simulator