#cc504f hex color

In a RGB color space, hex #cc504f is composed of 80% red, 31.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 61.3% yellow and 20% black. It has a hue angle of 0.5 degrees, a saturation of 55.1% and a lightness of 55.5%. #cc504f color hex could be obtained by blending #ffa09e with #990000. Closest websafe color is: #cc6666.

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

● #cc504f color description : Moderate red.

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

Hex triplet	cc504f	`#cc504f`
RGB Decimal	204, 80, 79	`rgb(204,80,79)`
RGB Percent	80, 31.4, 31	`rgb(80%,31.4%,31%)`
CMYK	0, 61, 61, 20
HSL	0.5°, 55.1, 55.5	`hsl(0.5,55.1%,55.5%)`
HSV (or HSB)	0.5°, 61.3, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	50.853, 49.153, 26.388
XYZ	29.183, 19.142, 9.555
xyY	0.504, 0.331, 19.142
CIE-LCH	50.853, 55.788, 28.229
CIE-LUV	50.853, 92.904, 20.529
Hunter-Lab	43.752, 42.496, 17.678
Binary	11001100, 01010000, 01001111

#cc504f
```
#cc504f rgb(204,80,79)
```
#4fcbcc
```
#4fcbcc rgb(79,203,204)
```

Complementary Color

#cc4f8d
```
#cc4f8d rgb(204,79,141)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#cc8f4f
```
#cc8f4f rgb(204,143,79)
```

Analogous Color

#4f8dcc
```
#4f8dcc rgb(79,141,204)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#4fcc8f
```
#4fcc8f rgb(79,204,143)
```

Split Complementary Color

#504fcc
```
#504fcc rgb(80,79,204)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#4fcc50
```
#4fcc50 rgb(79,204,80)
```

Triadic Color

#cc4fcb
```
#cc4fcb rgb(204,79,203)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#4fcc50
```
#4fcc50 rgb(79,204,80)
```
#4fcbcc
```
#4fcbcc rgb(79,203,204)
```

Tetradic Color

#a02f2e
```
#a02f2e rgb(160,47,46)
```
#b43534
```
#b43534 rgb(180,53,52)
```
#c63c3b
```
#c63c3b rgb(198,60,59)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#d26463
```
#d26463 rgb(210,100,99)
```
#d77777
```
#d77777 rgb(215,119,119)
```
#dd8b8a
```
#dd8b8a rgb(221,139,138)
```

Monochromatic Color

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

#cc4f6d
```
#cc4f6d rgb(204,79,109)
```
#cc4f63
```
#cc4f63 rgb(204,79,99)
```
#cc4f58
```
#cc4f58 rgb(204,79,88)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#cc5a4f
```
#cc5a4f rgb(204,90,79)
```
#cc654f
```
#cc654f rgb(204,101,79)
```
#cc6f4f
```
#cc6f4f rgb(204,111,79)
```

Similar Colors

Text with hexadecimal color #cc504f

This text has a font color of #cc504f.

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

#cc504f background color

This paragraph has a background color of #cc504f.

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

#cc504f border color

This element has a border color of #cc504f.

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

CSS codes

.text {color:#cc504f;}

.background {background-color:#cc504f;}

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

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

#070202
```
#070202 rgb(7,2,2)
```
#160606
```
#160606 rgb(22,6,6)
```
#250b0b
```
#250b0b rgb(37,11,11)
```
#340f0f
```
#340f0f rgb(52,15,15)
```
#431414
```
#431414 rgb(67,20,20)
```
#531818
```
#531818 rgb(83,24,24)
```
#621d1c
```
#621d1c rgb(98,29,28)
```
#712121
```
#712121 rgb(113,33,33)
```
#802625
```
#802625 rgb(128,38,37)
```
#8f2a2a
```
#8f2a2a rgb(143,42,42)
```
#9f2f2e
```
#9f2f2e rgb(159,47,46)
```
#ae3332
```
#ae3332 rgb(174,51,50)
```
#bd3837
```
#bd3837 rgb(189,56,55)
```

Shade Color Variation

#c84140
```
#c84140 rgb(200,65,64)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#d05f5e
```
#d05f5e rgb(208,95,94)
```
#d56e6d
```
#d56e6d rgb(213,110,109)
```
#d97d7d
```
#d97d7d rgb(217,125,125)
```
#de8c8c
```
#de8c8c rgb(222,140,140)
```
#e29c9b
```
#e29c9b rgb(226,156,155)
```
#e6abaa
```
#e6abaa rgb(230,171,170)
```
#ebbab9
```
#ebbab9 rgb(235,186,185)
```
#efc9c9
```
#efc9c9 rgb(239,201,201)
```
#f4d8d8
```
#f4d8d8 rgb(244,216,216)
```
#f8e7e7
```
#f8e7e7 rgb(248,231,231)
```
#fcf6f6
```
#fcf6f6 rgb(252,246,246)
```

Tint Color Variation

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

#8f8c8c
```
#8f8c8c rgb(143,140,140)
```
#988483
```
#988483 rgb(152,132,131)
```
#a07b7b
```
#a07b7b rgb(160,123,123)
```
#a97272
```
#a97272 rgb(169,114,114)
```
#b26a69
```
#b26a69 rgb(178,106,105)
```
#bb6160
```
#bb6160 rgb(187,97,96)
```
#c35958
```
#c35958 rgb(195,89,88)
```
#cc504f
```
#cc504f rgb(204,80,79)
```
#d54746
```
#d54746 rgb(213,71,70)
```
#dd3f3e
```
#dd3f3e rgb(221,63,62)
```
#e63635
```
#e63635 rgb(230,54,53)
```
#ef2e2c
```
#ef2e2c rgb(239,46,44)
```
#f82523
```
#f82523 rgb(248,37,35)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#866e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#877f67 Protanopia 1% of men
#9a7a50 Deuteranopia 1% of men
#ce585d Tritanopia 0.001% of the population

Trichromacy

#a06e5e Protanomaly 1% of men, 0.01% of women
#ac6b4f Deuteranomaly 6% of men, 0.4% of women
#cd5558 Tritanomaly 0.01% of the population

#cc504f hex color

#cc504f Color Information

#cc504f Color Conversion

Color Schemes with #cc504f

Alternatives to #cc504f

#cc504f Preview

Shades and Tints of #cc504f

Tones of #cc504f

Color Blindness Simulator