#cc404f hex color

In a RGB color space, hex #cc404f is composed of 80% red, 25.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 61.3% yellow and 20% black. It has a hue angle of 353.6 degrees, a saturation of 57.9% and a lightness of 52.5%. #cc404f color hex could be obtained by blending #ff809e with #990000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 25
- B 31
RGB color chart
- C 0
- M 69
- Y 61
- K 20
CMYK color chart

● #cc404f color description : Moderate red.

The hexadecimal color #cc404f has RGB values of R:204, G:64, B:79 and CMYK values of C:0, M:0.69, Y:0.61, K:0.2. Its decimal value is 13385807.

Hex triplet	cc404f	`#cc404f`
RGB Decimal	204, 64, 79	`rgb(204,64,79)`
RGB Percent	80, 25.1, 31	`rgb(80%,25.1%,31%)`
CMYK	0, 69, 61, 20
HSL	353.6°, 57.9, 52.5	`hsl(353.6,57.9%,52.5%)`
HSV (or HSB)	353.6°, 68.6, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.35, 55.904, 23.156
XYZ	28.148, 17.072, 9.21
xyY	0.517, 0.314, 17.072
CIE-LCH	48.35, 60.51, 22.5
CIE-LUV	48.35, 102.578, 15.305
Hunter-Lab	41.318, 49.296, 15.707
Binary	11001100, 01000000, 01001111

#cc404f
```
#cc404f rgb(204,64,79)
```
#40ccbd
```
#40ccbd rgb(64,204,189)
```

Complementary Color

#cc4095
```
#cc4095 rgb(204,64,149)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#cc7740
```
#cc7740 rgb(204,119,64)
```

Analogous Color

#4095cc
```
#4095cc rgb(64,149,204)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#40cc77
```
#40cc77 rgb(64,204,119)
```

Split Complementary Color

#404fcc
```
#404fcc rgb(64,79,204)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#4fcc40
```
#4fcc40 rgb(79,204,64)
```

Triadic Color

#bd40cc
```
#bd40cc rgb(189,64,204)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#4fcc40
```
#4fcc40 rgb(79,204,64)
```
#40ccbd
```
#40ccbd rgb(64,204,189)
```

Tetradic Color

#972834
```
#972834 rgb(151,40,52)
```
#ab2e3b
```
#ab2e3b rgb(171,46,59)
```
#bf3342
```
#bf3342 rgb(191,51,66)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#d15462
```
#d15462 rgb(209,84,98)
```
#d76874
```
#d76874 rgb(215,104,116)
```
#dc7c87
```
#dc7c87 rgb(220,124,135)
```

Monochromatic Color

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

#cc4072
```
#cc4072 rgb(204,64,114)
```
#cc4066
```
#cc4066 rgb(204,64,102)
```
#cc405b
```
#cc405b rgb(204,64,91)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#cc4043
```
#cc4043 rgb(204,64,67)
```
#cc4840
```
#cc4840 rgb(204,72,64)
```
#cc5440
```
#cc5440 rgb(204,84,64)
```

Similar Colors

Text with hexadecimal color #cc404f

This text has a font color of #cc404f.

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

#cc404f background color

This paragraph has a background color of #cc404f.

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

#cc404f border color

This element has a border color of #cc404f.

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

CSS codes

.text {color:#cc404f;}

.background {background-color:#cc404f;}

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

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

#0a0304
```
#0a0304 rgb(10,3,4)
```
#1a0709
```
#1a0709 rgb(26,7,9)
```
#290b0e
```
#290b0e rgb(41,11,14)
```
#390f14
```
#390f14 rgb(57,15,20)
```
#481319
```
#481319 rgb(72,19,25)
```
#58171e
```
#58171e rgb(88,23,30)
```
#671c24
```
#671c24 rgb(103,28,36)
```
#772029
```
#772029 rgb(119,32,41)
```
#86242e
```
#86242e rgb(134,36,46)
```
#962834
```
#962834 rgb(150,40,52)
```
#a52c39
```
#a52c39 rgb(165,44,57)
```
#b5303e
```
#b5303e rgb(181,48,62)
```
#c43444
```
#c43444 rgb(196,52,68)
```

Shade Color Variation

#cc404f
```
#cc404f rgb(204,64,79)
```
#d04f5d
```
#d04f5d rgb(208,79,93)
```
#d45f6c
```
#d45f6c rgb(212,95,108)
```
#d86e7a
```
#d86e7a rgb(216,110,122)
```
#dd7e88
```
#dd7e88 rgb(221,126,136)
```
#e18d96
```
#e18d96 rgb(225,141,150)
```
#e59da5
```
#e59da5 rgb(229,157,165)
```
#e9acb3
```
#e9acb3 rgb(233,172,179)
```
#edbcc1
```
#edbcc1 rgb(237,188,193)
```
#f1cbcf
```
#f1cbcf rgb(241,203,207)
```
#f5dbde
```
#f5dbde rgb(245,219,222)
```
#f9eaec
```
#f9eaec rgb(249,234,236)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#8b8182
```
#8b8182 rgb(139,129,130)
```
#94787b
```
#94787b rgb(148,120,123)
```
#9d6f74
```
#9d6f74 rgb(157,111,116)
```
#a7656c
```
#a7656c rgb(167,101,108)
```
#b05c65
```
#b05c65 rgb(176,92,101)
```
#b9535e
```
#b9535e rgb(185,83,94)
```
#c34956
```
#c34956 rgb(195,73,86)
```
#cc404f
```
#cc404f rgb(204,64,79)
```
#d53748
```
#d53748 rgb(213,55,72)
```
#df2d40
```
#df2d40 rgb(223,45,64)
```
#e82439
```
#e82439 rgb(232,36,57)
```
#f11b32
```
#f11b32 rgb(241,27,50)
```
#fb112a
```
#fb112a rgb(251,17,42)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7f6366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f796a Protanopia 1% of men
#92754f Deuteranopia 1% of men
#ce4b4f Tritanopia 0.001% of the population

Trichromacy

#9b6460 Protanomaly 1% of men, 0.01% of women
#a7614f Deuteranomaly 6% of men, 0.4% of women
#cd474f Tritanomaly 0.01% of the population

#cc404f hex color

#cc404f Color Information

#cc404f Color Conversion

Color Schemes with #cc404f

Alternatives to #cc404f

#cc404f Preview

Shades and Tints of #cc404f

Tones of #cc404f

Color Blindness Simulator