#ca348a hex color

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

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

● #ca348a color description : Moderate pink.

The hexadecimal color #ca348a has RGB values of R:202, G:52, B:138 and CMYK values of C:0, M:0.74, Y:0.32, K:0.21. Its decimal value is 13251722.

Hex triplet	ca348a	`#ca348a`
RGB Decimal	202, 52, 138	`rgb(202,52,138)`
RGB Percent	79.2, 20.4, 54.1	`rgb(79.2%,20.4%,54.1%)`
CMYK	0, 74, 32, 21
HSL	325.6°, 59.1, 49.8	`hsl(325.6,59.1%,49.8%)`
HSV (or HSB)	325.6°, 74.3, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.071, 64.918, -13.145
XYZ	30.173, 16.85, 25.707
xyY	0.415, 0.232, 16.85
CIE-LCH	48.071, 66.235, 348.553
CIE-LUV	48.071, 85.846, -29.456
Hunter-Lab	41.049, 59.37, -8.396
Binary	11001010, 00110100, 10001010

#ca348a
```
#ca348a rgb(202,52,138)
```
#34ca74
```
#34ca74 rgb(52,202,116)
```

Complementary Color

#bf34ca
```
#bf34ca rgb(191,52,202)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#ca343f
```
#ca343f rgb(202,52,63)
```

Analogous Color

#34cabf
```
#34cabf rgb(52,202,191)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#3fca34
```
#3fca34 rgb(63,202,52)
```

Split Complementary Color

#348aca
```
#348aca rgb(52,138,202)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#8aca34
```
#8aca34 rgb(138,202,52)
```

Triadic Color

#7434ca
```
#7434ca rgb(116,52,202)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#8aca34
```
#8aca34 rgb(138,202,52)
```
#34ca74
```
#34ca74 rgb(52,202,116)
```

Tetradic Color

#8d2460
```
#8d2460 rgb(141,36,96)
```
#a12a6e
```
#a12a6e rgb(161,42,110)
```
#b62f7c
```
#b62f7c rgb(182,47,124)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#d04896
```
#d04896 rgb(208,72,150)
```
#d55ca1
```
#d55ca1 rgb(213,92,161)
```
#da70ad
```
#da70ad rgb(218,112,173)
```

Monochromatic Color

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

#ca34b0
```
#ca34b0 rgb(202,52,176)
```
#ca34a3
```
#ca34a3 rgb(202,52,163)
```
#ca3497
```
#ca3497 rgb(202,52,151)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#ca347e
```
#ca347e rgb(202,52,126)
```
#ca3471
```
#ca3471 rgb(202,52,113)
```
#ca3465
```
#ca3465 rgb(202,52,101)
```

Similar Colors

Text with hexadecimal color #ca348a

This text has a font color of #ca348a.

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

#ca348a background color

This paragraph has a background color of #ca348a.

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

#ca348a border color

This element has a border color of #ca348a.

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

CSS codes

.text {color:#ca348a;}

.background {background-color:#ca348a;}

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

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)
```
#2e0c1f
```
#2e0c1f rgb(46,12,31)
```
#3e102a
```
#3e102a rgb(62,16,42)
```
#4d1435
```
#4d1435 rgb(77,20,53)
```
#5d183f
```
#5d183f rgb(93,24,63)
```
#6c1c4a
```
#6c1c4a rgb(108,28,74)
```
#7c2055
```
#7c2055 rgb(124,32,85)
```
#8c245f
```
#8c245f rgb(140,36,95)
```
#9b286a
```
#9b286a rgb(155,40,106)
```
#ab2c75
```
#ab2c75 rgb(171,44,117)
```
#ba307f
```
#ba307f rgb(186,48,127)
```
#ca348a
```
#ca348a rgb(202,52,138)
```

Shade Color Variation

#cf4393
```
#cf4393 rgb(207,67,147)
```
#d3539c
```
#d3539c rgb(211,83,156)
```
#d762a5
```
#d762a5 rgb(215,98,165)
```
#db72ae
```
#db72ae rgb(219,114,174)
```
#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 #fb0391 is the most saturated one.

#867880
```
#867880 rgb(134,120,128)
```
#8f6f81
```
#8f6f81 rgb(143,111,129)
```
#996583
```
#996583 rgb(153,101,131)
```
#a35b84
```
#a35b84 rgb(163,91,132)
```
#ad5186
```
#ad5186 rgb(173,81,134)
```
#b64887
```
#b64887 rgb(182,72,135)
```
#c03e89
```
#c03e89 rgb(192,62,137)
```
#ca348a
```
#ca348a rgb(202,52,138)
```
#d42a8b
```
#d42a8b rgb(212,42,139)
```
#de208d
```
#de208d rgb(222,32,141)
```
#e7178e
```
#e7178e rgb(231,23,142)
```
#f10d90
```
#f10d90 rgb(241,13,144)
```
#fb0391
```
#fb0391 rgb(251,3,145)
```

Tone Color Variation

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

#6377b1 Protanopia 1% of men
#7f7684 Deuteranopia 1% of men
#c85054 Tritanopia 0.001% of the population

Trichromacy

#885ea3 Protanomaly 1% of men, 0.01% of women
#9a5e86 Deuteranomaly 6% of men, 0.4% of women
#c84568 Tritanomaly 0.01% of the population

#ca348a hex color

#ca348a Color Information

#ca348a Color Conversion

Color Schemes with #ca348a

Alternatives to #ca348a

#ca348a Preview

Shades and Tints of #ca348a

Tones of #ca348a

Color Blindness Simulator