#cc5e30 hex color

In a RGB color space, hex #cc5e30 is composed of 80% red, 36.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 76.5% yellow and 20% black. It has a hue angle of 17.7 degrees, a saturation of 61.9% and a lightness of 49.4%. #cc5e30 color hex could be obtained by blending #ffbc60 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 37
- B 19
RGB color chart
- C 0
- M 54
- Y 76
- K 20
CMYK color chart

● #cc5e30 color description : Strong orange.

The hexadecimal color #cc5e30 has RGB values of R:204, G:94, B:48 and CMYK values of C:0, M:0.54, Y:0.76, K:0.2. Its decimal value is 13393456.

Hex triplet	cc5e30	`#cc5e30`
RGB Decimal	204, 94, 48	`rgb(204,94,48)`
RGB Percent	80, 36.9, 18.8	`rgb(80%,36.9%,18.8%)`
CMYK	0, 54, 76, 20
HSL	17.7°, 61.9, 49.4	`hsl(17.7,61.9%,49.4%)`
HSV (or HSB)	17.7°, 76.5, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.014, 40.823, 45.916
XYZ	29.439, 21.059, 5.311
xyY	0.527, 0.377, 21.059
CIE-LCH	53.014, 61.44, 48.36
CIE-LUV	53.014, 88.301, 38.807
Hunter-Lab	45.89, 34.202, 25.262
Binary	11001100, 01011110, 00110000

#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#309ecc
```
#309ecc rgb(48,158,204)
```

Complementary Color

#cc3050
```
#cc3050 rgb(204,48,80)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#ccac30
```
#ccac30 rgb(204,172,48)
```

Analogous Color

#3050cc
```
#3050cc rgb(48,80,204)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#30ccac
```
#30ccac rgb(48,204,172)
```

Split Complementary Color

#5e30cc
```
#5e30cc rgb(94,48,204)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#30cc5e
```
#30cc5e rgb(48,204,94)
```

Triadic Color

#cc309e
```
#cc309e rgb(204,48,158)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#30cc5e
```
#30cc5e rgb(48,204,94)
```
#309ecc
```
#309ecc rgb(48,158,204)
```

Tetradic Color

#8e4121
```
#8e4121 rgb(142,65,33)
```
#a34b26
```
#a34b26 rgb(163,75,38)
```
#b7542b
```
#b7542b rgb(183,84,43)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#d36d43
```
#d36d43 rgb(211,109,67)
```
#d87d57
```
#d87d57 rgb(216,125,87)
```
#dc8d6c
```
#dc8d6c rgb(220,141,108)
```

Monochromatic Color

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

#cc3730
```
#cc3730 rgb(204,55,48)
```
#cc4430
```
#cc4430 rgb(204,68,48)
```
#cc5130
```
#cc5130 rgb(204,81,48)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#cc6b30
```
#cc6b30 rgb(204,107,48)
```
#cc7830
```
#cc7830 rgb(204,120,48)
```
#cc8530
```
#cc8530 rgb(204,133,48)
```

Similar Colors

Text with hexadecimal color #cc5e30

This text has a font color of #cc5e30.

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

#cc5e30 background color

This paragraph has a background color of #cc5e30.

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

#cc5e30 border color

This element has a border color of #cc5e30.

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

CSS codes

.text {color:#cc5e30;}

.background {background-color:#cc5e30;}

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

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1d0e07
```
#1d0e07 rgb(29,14,7)
```
#2d150b
```
#2d150b rgb(45,21,11)
```
#3d1c0e
```
#3d1c0e rgb(61,28,14)
```
#4d2312
```
#4d2312 rgb(77,35,18)
```
#5d2b16
```
#5d2b16 rgb(93,43,22)
```
#6d321a
```
#6d321a rgb(109,50,26)
```
#7d391d
```
#7d391d rgb(125,57,29)
```
#8c4121
```
#8c4121 rgb(140,65,33)
```
#9c4825
```
#9c4825 rgb(156,72,37)
```
#ac4f29
```
#ac4f29 rgb(172,79,41)
```
#bc572c
```
#bc572c rgb(188,87,44)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```

Shade Color Variation

#d26a3e
```
#d26a3e rgb(210,106,62)
```
#d5764e
```
#d5764e rgb(213,118,78)
```
#d9825e
```
#d9825e rgb(217,130,94)
```
#dd8e6e
```
#dd8e6e rgb(221,142,110)
```
#e19b7e
```
#e19b7e rgb(225,155,126)
```
#e4a78d
```
#e4a78d rgb(228,167,141)
```
#e8b39d
```
#e8b39d rgb(232,179,157)
```
#ecc0ad
```
#ecc0ad rgb(236,192,173)
```
#efccbd
```
#efccbd rgb(239,204,189)
```
#f3d8cd
```
#f3d8cd rgb(243,216,205)
```
#f7e5dd
```
#f7e5dd rgb(247,229,221)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#887a74
```
#887a74 rgb(136,122,116)
```
#92766a
```
#92766a rgb(146,118,106)
```
#9c7260
```
#9c7260 rgb(156,114,96)
```
#a56e57
```
#a56e57 rgb(165,110,87)
```
#af6a4d
```
#af6a4d rgb(175,106,77)
```
#b96643
```
#b96643 rgb(185,102,67)
```
#c2623a
```
#c2623a rgb(194,98,58)
```
#cc5e30
```
#cc5e30 rgb(204,94,48)
```
#d65a26
```
#d65a26 rgb(214,90,38)
```
#df561d
```
#df561d rgb(223,86,29)
```
#e95213
```
#e95213 rgb(233,82,19)
```
#f34e09
```
#f34e09 rgb(243,78,9)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a746b Atypical Achromatopsia 0.001% of the population

Dichromacy

#928543 Protanopia 1% of men
#a47f32 Deuteranopia 1% of men
#d06167 Tritanopia 0.001% of the population

Trichromacy

#a7773c Protanomaly 1% of men, 0.01% of women
#b37331 Deuteranomaly 6% of men, 0.4% of women
#cf6053 Tritanomaly 0.01% of the population

#cc5e30 hex color

#cc5e30 Color Information

#cc5e30 Color Conversion

Color Schemes with #cc5e30

Alternatives to #cc5e30

#cc5e30 Preview

Shades and Tints of #cc5e30

Tones of #cc5e30

Color Blindness Simulator