#c4304b hex color

In a RGB color space, hex #c4304b is composed of 76.9% red, 18.8% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 61.7% yellow and 23.1% black. It has a hue angle of 349.1 degrees, a saturation of 60.7% and a lightness of 47.8%. #c4304b color hex could be obtained by blending #ff6096 with #890000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 77
- G 19
- B 29
RGB color chart
- C 0
- M 76
- Y 62
- K 23
CMYK color chart

● #c4304b color description : Strong red.

The hexadecimal color #c4304b has RGB values of R:196, G:48, B:75 and CMYK values of C:0, M:0.76, Y:0.62, K:0.23. Its decimal value is 12857419.

Hex triplet	c4304b	`#c4304b`
RGB Decimal	196, 48, 75	`rgb(196,48,75)`
RGB Percent	76.9, 18.8, 29.4	`rgb(76.9%,18.8%,29.4%)`
CMYK	0, 76, 62, 23
HSL	349.1°, 60.7, 47.8	`hsl(349.1,60.7%,47.8%)`
HSV (or HSB)	349.1°, 75.5, 76.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.746, 58.921, 20.596
XYZ	25.093, 14.361, 8.107
xyY	0.528, 0.302, 14.361
CIE-LCH	44.746, 62.417, 19.267
CIE-LUV	44.746, 105.389, 11.465
Hunter-Lab	37.895, 51.88, 13.843
Binary	11000100, 00110000, 01001011

#c4304b
```
#c4304b rgb(196,48,75)
```
#30c4a9
```
#30c4a9 rgb(48,196,169)
```

Complementary Color

#c43095
```
#c43095 rgb(196,48,149)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#c45f30
```
#c45f30 rgb(196,95,48)
```

Analogous Color

#3095c4
```
#3095c4 rgb(48,149,196)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#30c45f
```
#30c45f rgb(48,196,95)
```

Split Complementary Color

#304bc4
```
#304bc4 rgb(48,75,196)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#4bc430
```
#4bc430 rgb(75,196,48)
```

Triadic Color

#a930c4
```
#a930c4 rgb(169,48,196)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#4bc430
```
#4bc430 rgb(75,196,48)
```
#30c4a9
```
#30c4a9 rgb(48,196,169)
```

Tetradic Color

#872133
```
#872133 rgb(135,33,51)
```
#9b263b
```
#9b263b rgb(155,38,59)
```
#b02b43
```
#b02b43 rgb(176,43,67)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#d03e58
```
#d03e58 rgb(208,62,88)
```
#d5526a
```
#d5526a rgb(213,82,106)
```
#da677c
```
#da677c rgb(218,103,124)
```

Monochromatic Color

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

#c43070
```
#c43070 rgb(196,48,112)
```
#c43064
```
#c43064 rgb(196,48,100)
```
#c43057
```
#c43057 rgb(196,48,87)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#c4303f
```
#c4303f rgb(196,48,63)
```
#c43032
```
#c43032 rgb(196,48,50)
```
#c43a30
```
#c43a30 rgb(196,58,48)
```

Similar Colors

Text with hexadecimal color #c4304b

This text has a font color of #c4304b.

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

#c4304b background color

This paragraph has a background color of #c4304b.

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

#c4304b border color

This element has a border color of #c4304b.

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

CSS codes

.text {color:#c4304b;}

.background {background-color:#c4304b;}

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

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

#070203
```
#070203 rgb(7,2,3)
```
#170609
```
#170609 rgb(23,6,9)
```
#26090f
```
#26090f rgb(38,9,15)
```
#360d15
```
#360d15 rgb(54,13,21)
```
#46111b
```
#46111b rgb(70,17,27)
```
#561521
```
#561521 rgb(86,21,33)
```
#651927
```
#651927 rgb(101,25,39)
```
#751d2d
```
#751d2d rgb(117,29,45)
```
#852133
```
#852133 rgb(133,33,51)
```
#952439
```
#952439 rgb(149,36,57)
```
#a4283f
```
#a4283f rgb(164,40,63)
```
#b42c45
```
#b42c45 rgb(180,44,69)
```
#c4304b
```
#c4304b rgb(196,48,75)
```

Shade Color Variation

#cf3954
```
#cf3954 rgb(207,57,84)
```
#d24962
```
#d24962 rgb(210,73,98)
```
#d65970
```
#d65970 rgb(214,89,112)
```
#da687d
```
#da687d rgb(218,104,125)
```
#de788b
```
#de788b rgb(222,120,139)
```
#e28898
```
#e28898 rgb(226,136,152)
```
#e698a6
```
#e698a6 rgb(230,152,166)
```
#eaa7b3
```
#eaa7b3 rgb(234,167,179)
```
#edb7c1
```
#edb7c1 rgb(237,183,193)
```
#f1c7cf
```
#f1c7cf rgb(241,199,207)
```
#f5d7dc
```
#f5d7dc rgb(245,215,220)
```
#f9e6ea
```
#f9e6ea rgb(249,230,234)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#827275
```
#827275 rgb(130,114,117)
```
#8c686f
```
#8c686f rgb(140,104,111)
```
#955f69
```
#955f69 rgb(149,95,105)
```
#9e5663
```
#9e5663 rgb(158,86,99)
```
#a84c5d
```
#a84c5d rgb(168,76,93)
```
#b14357
```
#b14357 rgb(177,67,87)
```
#bb3951
```
#bb3951 rgb(187,57,81)
```
#c4304b
```
#c4304b rgb(196,48,75)
```
#cd2745
```
#cd2745 rgb(205,39,69)
```
#d71d3f
```
#d71d3f rgb(215,29,63)
```
#e01439
```
#e01439 rgb(224,20,57)
```
#ea0a33
```
#ea0a33 rgb(234,10,51)
```
#f3012d
```
#f3012d rgb(243,1,45)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#73565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#757169 Protanopia 1% of men
#876c4a Deuteranopia 1% of men
#c63e41 Tritanopia 0.001% of the population

Trichromacy

#92595e Protanomaly 1% of men, 0.01% of women
#9d564a Deuteranomaly 6% of men, 0.4% of women
#c53944 Tritanomaly 0.01% of the population

#c4304b hex color

#c4304b Color Information

#c4304b Color Conversion

Color Schemes with #c4304b

Alternatives to #c4304b

#c4304b Preview

Shades and Tints of #c4304b

Tones of #c4304b

Color Blindness Simulator