#ca4158 hex color

In a RGB color space, hex #ca4158 is composed of 79.2% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 56.4% yellow and 20.8% black. It has a hue angle of 349.9 degrees, a saturation of 56.4% and a lightness of 52.4%. #ca4158 color hex could be obtained by blending #ff82b0 with #950000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 79
- G 25
- B 35
RGB color chart
- C 0
- M 68
- Y 56
- K 21
CMYK color chart

● #ca4158 color description : Moderate red.

The hexadecimal color #ca4158 has RGB values of R:202, G:65, B:88 and CMYK values of C:0, M:0.68, Y:0.56, K:0.21. Its decimal value is 13255000.

Hex triplet	ca4158	`#ca4158`
RGB Decimal	202, 65, 88	`rgb(202,65,88)`
RGB Percent	79.2, 25.5, 34.5	`rgb(79.2%,25.5%,34.5%)`
CMYK	0, 68, 56, 21
HSL	349.9°, 56.4, 52.4	`hsl(349.9,56.4%,52.4%)`
HSV (or HSB)	349.9°, 67.8, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.316, 55.506, 17.61
XYZ	28.01, 17.045, 11.047
xyY	0.499, 0.304, 17.045
CIE-LCH	48.316, 58.233, 17.602
CIE-LUV	48.316, 97.857, 9.959
Hunter-Lab	41.285, 48.854, 13.035
Binary	11001010, 01000001, 01011000

#ca4158
```
#ca4158 rgb(202,65,88)
```
#41cab3
```
#41cab3 rgb(65,202,179)
```

Complementary Color

#ca419d
```
#ca419d rgb(202,65,157)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#ca6f41
```
#ca6f41 rgb(202,111,65)
```

Analogous Color

#419dca
```
#419dca rgb(65,157,202)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#41ca6f
```
#41ca6f rgb(65,202,111)
```

Split Complementary Color

#4158ca
```
#4158ca rgb(65,88,202)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#58ca41
```
#58ca41 rgb(88,202,65)
```

Triadic Color

#b341ca
```
#b341ca rgb(179,65,202)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#58ca41
```
#58ca41 rgb(88,202,65)
```
#41cab3
```
#41cab3 rgb(65,202,179)
```

Tetradic Color

#952a3c
```
#952a3c rgb(149,42,60)
```
#a92f44
```
#a92f44 rgb(169,47,68)
```
#bd354c
```
#bd354c rgb(189,53,76)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#d0556a
```
#d0556a rgb(208,85,106)
```
#d5697b
```
#d5697b rgb(213,105,123)
```
#db7d8d
```
#db7d8d rgb(219,125,141)
```

Monochromatic Color

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

#ca417a
```
#ca417a rgb(202,65,122)
```
#ca416f
```
#ca416f rgb(202,65,111)
```
#ca4163
```
#ca4163 rgb(202,65,99)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#ca414d
```
#ca414d rgb(202,65,77)
```
#ca4141
```
#ca4141 rgb(202,65,65)
```
#ca4c41
```
#ca4c41 rgb(202,76,65)
```

Similar Colors

Text with hexadecimal color #ca4158

This text has a font color of #ca4158.

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

#ca4158 background color

This paragraph has a background color of #ca4158.

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

#ca4158 border color

This element has a border color of #ca4158.

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

CSS codes

.text {color:#ca4158;}

.background {background-color:#ca4158;}

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

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

#090304
```
#090304 rgb(9,3,4)
```
#19070a
```
#19070a rgb(25,7,10)
```
#280b10
```
#280b10 rgb(40,11,16)
```
#370f16
```
#370f16 rgb(55,15,22)
```
#47141c
```
#47141c rgb(71,20,28)
```
#561822
```
#561822 rgb(86,24,34)
```
#651c29
```
#651c29 rgb(101,28,41)
```
#75212f
```
#75212f rgb(117,33,47)
```
#842535
```
#842535 rgb(132,37,53)
```
#93293b
```
#93293b rgb(147,41,59)
```
#a32d41
```
#a32d41 rgb(163,45,65)
```
#b23247
```
#b23247 rgb(178,50,71)
```
#c1364d
```
#c1364d rgb(193,54,77)
```

Shade Color Variation

#ca4158
```
#ca4158 rgb(202,65,88)
```
#ce5065
```
#ce5065 rgb(206,80,101)
```
#d36073
```
#d36073 rgb(211,96,115)
```
#d76f80
```
#d76f80 rgb(215,111,128)
```
#db7e8e
```
#db7e8e rgb(219,126,142)
```
#df8e9b
```
#df8e9b rgb(223,142,155)
```
#e49da9
```
#e49da9 rgb(228,157,169)
```
#e8acb6
```
#e8acb6 rgb(232,172,182)
```
#ecbcc4
```
#ecbcc4 rgb(236,188,196)
```
#f1cbd1
```
#f1cbd1 rgb(241,203,209)
```
#f5dadf
```
#f5dadf rgb(245,218,223)
```
#f9eaec
```
#f9eaec rgb(249,234,236)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#898283
```
#898283 rgb(137,130,131)
```
#92797d
```
#92797d rgb(146,121,125)
```
#9b7077
```
#9b7077 rgb(155,112,119)
```
#a56671
```
#a56671 rgb(165,102,113)
```
#ae5d6b
```
#ae5d6b rgb(174,93,107)
```
#b75464
```
#b75464 rgb(183,84,100)
```
#c14a5e
```
#c14a5e rgb(193,74,94)
```
#ca4158
```
#ca4158 rgb(202,65,88)
```
#d33852
```
#d33852 rgb(211,56,82)
```
#dd2e4c
```
#dd2e4c rgb(221,46,76)
```
#e62545
```
#e62545 rgb(230,37,69)
```
#ef1c3f
```
#ef1c3f rgb(239,28,63)
```
#f91239
```
#f91239 rgb(249,18,57)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#806469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7974 Protanopia 1% of men
#907557 Deuteranopia 1% of men
#cb4d51 Tritanopia 0.001% of the population

Trichromacy

#99646a Protanomaly 1% of men, 0.01% of women
#a56257 Deuteranomaly 6% of men, 0.4% of women
#cb4954 Tritanomaly 0.01% of the population

#ca4158 hex color

#ca4158 Color Information

#ca4158 Color Conversion

Color Schemes with #ca4158

Alternatives to #ca4158

#ca4158 Preview

Shades and Tints of #ca4158

Tones of #ca4158

Color Blindness Simulator