#ca235f hex color

In a RGB color space, hex #ca235f is composed of 79.2% red, 13.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 53% yellow and 20.8% black. It has a hue angle of 338.4 degrees, a saturation of 70.5% and a lightness of 46.5%. #ca235f color hex could be obtained by blending #ff46be with #950000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 79
- G 14
- B 37
RGB color chart
- C 0
- M 83
- Y 53
- K 21
CMYK color chart

● #ca235f color description : Strong pink.

The hexadecimal color #ca235f has RGB values of R:202, G:35, B:95 and CMYK values of C:0, M:0.83, Y:0.53, K:0.21. Its decimal value is 13247327.

Hex triplet	ca235f	`#ca235f`
RGB Decimal	202, 35, 95	`rgb(202,35,95)`
RGB Percent	79.2, 13.7, 37.3	`rgb(79.2%,13.7%,37.3%)`
CMYK	0, 83, 53, 21
HSL	338.4°, 70.5, 46.5	`hsl(338.4,70.5%,46.5%)`
HSV (or HSB)	338.4°, 82.7, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.065, 65.575, 8.816
XYZ	27.025, 14.588, 12.219
xyY	0.502, 0.271, 14.588
CIE-LCH	45.065, 66.165, 7.657
CIE-LUV	45.065, 108.27, -2.102
Hunter-Lab	38.194, 59.46, 7.769
Binary	11001010, 00100011, 01011111

#ca235f
```
#ca235f rgb(202,35,95)
```
#23ca8e
```
#23ca8e rgb(35,202,142)
```

Complementary Color

#ca23b3
```
#ca23b3 rgb(202,35,179)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#ca3a23
```
#ca3a23 rgb(202,58,35)
```

Analogous Color

#23b3ca
```
#23b3ca rgb(35,179,202)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#23ca3a
```
#23ca3a rgb(35,202,58)
```

Split Complementary Color

#235fca
```
#235fca rgb(35,95,202)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#5fca23
```
#5fca23 rgb(95,202,35)
```

Triadic Color

#8e23ca
```
#8e23ca rgb(142,35,202)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#5fca23
```
#5fca23 rgb(95,202,35)
```
#23ca8e
```
#23ca8e rgb(35,202,142)
```

Tetradic Color

#891840
```
#891840 rgb(137,24,64)
```
#9f1b4b
```
#9f1b4b rgb(159,27,75)
```
#b41f55
```
#b41f55 rgb(180,31,85)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#da2c6b
```
#da2c6b rgb(218,44,107)
```
#de427a
```
#de427a rgb(222,66,122)
```
#e25889
```
#e25889 rgb(226,88,137)
```

Monochromatic Color

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

#ca2389
```
#ca2389 rgb(202,35,137)
```
#ca237b
```
#ca237b rgb(202,35,123)
```
#ca236d
```
#ca236d rgb(202,35,109)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#ca2351
```
#ca2351 rgb(202,35,81)
```
#ca2343
```
#ca2343 rgb(202,35,67)
```
#ca2335
```
#ca2335 rgb(202,35,53)
```

Similar Colors

Text with hexadecimal color #ca235f

This text has a font color of #ca235f.

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

#ca235f background color

This paragraph has a background color of #ca235f.

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

#ca235f border color

This element has a border color of #ca235f.

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

CSS codes

.text {color:#ca235f;}

.background {background-color:#ca235f;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#120309
```
#120309 rgb(18,3,9)
```
#230610
```
#230610 rgb(35,6,16)
```
#340918
```
#340918 rgb(52,9,24)
```
#440c20
```
#440c20 rgb(68,12,32)
```
#550f28
```
#550f28 rgb(85,15,40)
```
#661230
```
#661230 rgb(102,18,48)
```
#761538
```
#761538 rgb(118,21,56)
```
#871740
```
#871740 rgb(135,23,64)
```
#981a47
```
#981a47 rgb(152,26,71)
```
#a91d4f
```
#a91d4f rgb(169,29,79)
```
#b92057
```
#b92057 rgb(185,32,87)
```
#ca235f
```
#ca235f rgb(202,35,95)
```

Shade Color Variation

#da2767
```
#da2767 rgb(218,39,103)
```
#dc3873
```
#dc3873 rgb(220,56,115)
```
#df487f
```
#df487f rgb(223,72,127)
```
#e2598a
```
#e2598a rgb(226,89,138)
```
#e56a96
```
#e56a96 rgb(229,106,150)
```
#e87ba2
```
#e87ba2 rgb(232,123,162)
```
#eb8bae
```
#eb8bae rgb(235,139,174)
```
#ee9cb9
```
#ee9cb9 rgb(238,156,185)
```
#f1adc5
```
#f1adc5 rgb(241,173,197)
```
#f4bed1
```
#f4bed1 rgb(244,190,209)
```
#f7cedd
```
#f7cedd rgb(247,206,221)
```
#f9dfe8
```
#f9dfe8 rgb(249,223,232)
```
#fcf0f4
```
#fcf0f4 rgb(252,240,244)
```

Tint Color Variation

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

#787576
```
#787576 rgb(120,117,118)
```
#816c74
```
#816c74 rgb(129,108,116)
```
#8a6371
```
#8a6371 rgb(138,99,113)
```
#935a6e
```
#935a6e rgb(147,90,110)
```
#9c516c
```
#9c516c rgb(156,81,108)
```
#a64769
```
#a64769 rgb(166,71,105)
```
#af3e67
```
#af3e67 rgb(175,62,103)
```
#b83564
```
#b83564 rgb(184,53,100)
```
#c12c62
```
#c12c62 rgb(193,44,98)
```
#ca235f
```
#ca235f rgb(202,35,95)
```
#d31a5c
```
#d31a5c rgb(211,26,92)
```
#dc115a
```
#dc115a rgb(220,17,90)
```
#e50857
```
#e50857 rgb(229,8,87)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#72515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7185 Protanopia 1% of men
#846e5c Deuteranopia 1% of men
#ca3a3c Tritanopia 0.001% of the population

Trichromacy

#8f5477 Protanomaly 1% of men, 0.01% of women
#9d525d Deuteranomaly 6% of men, 0.4% of women
#ca3249 Tritanomaly 0.01% of the population

#ca235f hex color

#ca235f Color Information

#ca235f Color Conversion

Color Schemes with #ca235f

Alternatives to #ca235f

#ca235f Preview

Shades and Tints of #ca235f

Tones of #ca235f

Color Blindness Simulator