#cc4138 hex color

In a RGB color space, hex #cc4138 is composed of 80% red, 25.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.1% magenta, 72.5% yellow and 20% black. It has a hue angle of 3.6 degrees, a saturation of 59.2% and a lightness of 51%. #cc4138 color hex could be obtained by blending #ff8270 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 25
- B 22
RGB color chart
- C 0
- M 68
- Y 73
- K 20
CMYK color chart

● #cc4138 color description : Moderate red.

The hexadecimal color #cc4138 has RGB values of R:204, G:65, B:56 and CMYK values of C:0, M:0.68, Y:0.73, K:0.2. Its decimal value is 13386040.

Hex triplet	cc4138	`#cc4138`
RGB Decimal	204, 65, 56	`rgb(204,65,56)`
RGB Percent	80, 25.5, 22	`rgb(80%,25.5%,22%)`
CMYK	0, 68, 73, 20
HSL	3.6°, 59.2, 51	`hsl(3.6,59.2%,51%)`
HSV (or HSB)	3.6°, 72.5, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.142, 54.254, 36.408
XYZ	27.507, 16.907, 5.556
xyY	0.55, 0.338, 16.907
CIE-LCH	48.142, 65.338, 33.864
CIE-LUV	48.142, 107.435, 26.694
Hunter-Lab	41.118, 47.458, 20.771
Binary	11001100, 01000001, 00111000

#cc4138
```
#cc4138 rgb(204,65,56)
```
#38c3cc
```
#38c3cc rgb(56,195,204)
```

Complementary Color

#cc3879
```
#cc3879 rgb(204,56,121)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#cc8b38
```
#cc8b38 rgb(204,139,56)
```

Analogous Color

#3879cc
```
#3879cc rgb(56,121,204)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#38cc8b
```
#38cc8b rgb(56,204,139)
```

Split Complementary Color

#4138cc
```
#4138cc rgb(65,56,204)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#38cc41
```
#38cc41 rgb(56,204,65)
```

Triadic Color

#cc38c3
```
#cc38c3 rgb(204,56,195)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#38cc41
```
#38cc41 rgb(56,204,65)
```
#38c3cc
```
#38c3cc rgb(56,195,204)
```

Tetradic Color

#922c25
```
#922c25 rgb(146,44,37)
```
#a6322b
```
#a6322b rgb(166,50,43)
```
#bb3830
```
#bb3830 rgb(187,56,48)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#d1544c
```
#d1544c rgb(209,84,76)
```
#d66861
```
#d66861 rgb(214,104,97)
```
#dc7b75
```
#dc7b75 rgb(220,123,117)
```

Monochromatic Color

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

#cc3854
```
#cc3854 rgb(204,56,84)
```
#cc3848
```
#cc3848 rgb(204,56,72)
```
#cc383b
```
#cc383b rgb(204,56,59)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#cc4d38
```
#cc4d38 rgb(204,77,56)
```
#cc5a38
```
#cc5a38 rgb(204,90,56)
```
#cc6638
```
#cc6638 rgb(204,102,56)
```

Similar Colors

Text with hexadecimal color #cc4138

This text has a font color of #cc4138.

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

#cc4138 background color

This paragraph has a background color of #cc4138.

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

#cc4138 border color

This element has a border color of #cc4138.

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

CSS codes

.text {color:#cc4138;}

.background {background-color:#cc4138;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140605
```
#140605 rgb(20,6,5)
```
#230b09
```
#230b09 rgb(35,11,9)
```
#330f0d
```
#330f0d rgb(51,15,13)
```
#421411
```
#421411 rgb(66,20,17)
```
#521915
```
#521915 rgb(82,25,21)
```
#621d19
```
#621d19 rgb(98,29,25)
```
#71221d
```
#71221d rgb(113,34,29)
```
#812721
```
#812721 rgb(129,39,33)
```
#912c25
```
#912c25 rgb(145,44,37)
```
#a03029
```
#a03029 rgb(160,48,41)
```
#b0352d
```
#b0352d rgb(176,53,45)
```
#bf3a31
```
#bf3a31 rgb(191,58,49)
```

Shade Color Variation

#cc4138
```
#cc4138 rgb(204,65,56)
```
#d05048
```
#d05048 rgb(208,80,72)
```
#d45f57
```
#d45f57 rgb(212,95,87)
```
#d86e67
```
#d86e67 rgb(216,110,103)
```
#dc7d76
```
#dc7d76 rgb(220,125,118)
```
#e08c86
```
#e08c86 rgb(224,140,134)
```
#e49a96
```
#e49a96 rgb(228,154,150)
```
#e8a9a5
```
#e8a9a5 rgb(232,169,165)
```
#ecb8b5
```
#ecb8b5 rgb(236,184,181)
```
#f0c7c5
```
#f0c7c5 rgb(240,199,197)
```
#f4d6d4
```
#f4d6d4 rgb(244,214,212)
```
#f8e5e4
```
#f8e5e4 rgb(248,229,228)
```
#fcf4f3
```
#fcf4f3 rgb(252,244,243)
```

Tint Color Variation

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

#897c7b
```
#897c7b rgb(137,124,123)
```
#927472
```
#927472 rgb(146,116,114)
```
#9c6b68
```
#9c6b68 rgb(156,107,104)
```
#a6635e
```
#a6635e rgb(166,99,94)
```
#af5a55
```
#af5a55 rgb(175,90,85)
```
#b9524b
```
#b9524b rgb(185,82,75)
```
#c24942
```
#c24942 rgb(194,73,66)
```
#cc4138
```
#cc4138 rgb(204,65,56)
```
#d6392e
```
#d6392e rgb(214,57,46)
```
#df3025
```
#df3025 rgb(223,48,37)
```
#e9281b
```
#e9281b rgb(233,40,27)
```
#f21f12
```
#f21f12 rgb(242,31,18)
```
#fc1708
```
#fc1708 rgb(252,23,8)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7e6260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837951 Protanopia 1% of men
#957438 Deuteranopia 1% of men
#cf494c Tritanopia 0.001% of the population

Trichromacy

#9e6448 Protanomaly 1% of men, 0.01% of women
#a96138 Deuteranomaly 6% of men, 0.4% of women
#cd4645 Tritanomaly 0.01% of the population

#cc4138 hex color

#cc4138 Color Information

#cc4138 Color Conversion

Color Schemes with #cc4138

Alternatives to #cc4138

#cc4138 Preview

Shades and Tints of #cc4138

Tones of #cc4138

Color Blindness Simulator