colorhexa.com

#cc534b hex color

In a RGB color space, hex #cc534b is composed of 80% red, 32.5% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 63.2% yellow and 20% black. It has a hue angle of 3.7 degrees, a saturation of 55.8% and a lightness of 54.7%. #cc534b color hex could be obtained by blending #ffa696 with #990000. Closest websafe color is: #cc6633.

- R 80
- G 33
- B 29
RGB color chart
- C 0
- M 59
- Y 63
- K 20
CMYK color chart

● #cc534b color description : Moderate red.

The hexadecimal color #cc534b has RGB values of R:204, G:83, B:75 and CMYK values of C:0, M:0.59, Y:0.63, K:0.2. Its decimal value is 13390667.

Hex triplet	cc534b	`#cc534b`
RGB Decimal	204, 83, 75	`rgb(204,83,75)`
RGB Percent	80, 32.5, 29.4	`rgb(80%,32.5%,29.4%)`
CMYK	0, 59, 63, 20
HSL	3.7°, 55.8, 54.7	`hsl(3.7,55.8%,54.7%)`
HSV (or HSB)	3.7°, 63.2, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.307, 47.517, 29.296
XYZ	29.266, 19.535, 8.886
xyY	0.507, 0.339, 19.535
CIE-LCH	51.307, 55.822, 31.655
CIE-LUV	51.307, 91.806, 23.682
Hunter-Lab	44.198, 40.848, 19.019
Binary	11001100, 01010011, 01001011

#cc534b
```
#cc534b rgb(204,83,75)
```
#4bc4cc
```
#4bc4cc rgb(75,196,204)
```

Complementary Color

#cc4b84
```
#cc4b84 rgb(204,75,132)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#cc944b
```
#cc944b rgb(204,148,75)
```

Analogous Color

#4b84cc
```
#4b84cc rgb(75,132,204)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#4bcc94
```
#4bcc94 rgb(75,204,148)
```

Split Complementary Color

#534bcc
```
#534bcc rgb(83,75,204)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#4bcc53
```
#4bcc53 rgb(75,204,83)
```

Triadic Color

#cc4bc4
```
#cc4bc4 rgb(204,75,196)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#4bcc53
```
#4bcc53 rgb(75,204,83)
```
#4bc4cc
```
#4bc4cc rgb(75,196,204)
```

Tetradic Color

#9e342d
```
#9e342d rgb(158,52,45)
```
#b23a32
```
#b23a32 rgb(178,58,50)
```
#c64138
```
#c64138 rgb(198,65,56)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#d2665f
```
#d2665f rgb(210,102,95)
```
#d77973
```
#d77973 rgb(215,121,115)
```
#dd8c87
```
#dd8c87 rgb(221,140,135)
```

Monochromatic Color

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

#cc4b63
```
#cc4b63 rgb(204,75,99)
```
#cc4b59
```
#cc4b59 rgb(204,75,89)
```
#cc4b4e
```
#cc4b4e rgb(204,75,78)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#cc5e4b
```
#cc5e4b rgb(204,94,75)
```
#cc694b
```
#cc694b rgb(204,105,75)
```
#cc734b
```
#cc734b rgb(204,115,75)
```

Similar Colors

Text with hexadecimal color #cc534b

This text has a font color of #cc534b.

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

#cc534b background color

This paragraph has a background color of #cc534b.

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

#cc534b border color

This element has a border color of #cc534b.

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

CSS codes

.text {color:#cc534b;}

.background {background-color:#cc534b;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130605
```
#130605 rgb(19,6,5)
```
#220b0a
```
#220b0a rgb(34,11,10)
```
#31100e
```
#31100e rgb(49,16,14)
```
#411512
```
#411512 rgb(65,21,18)
```
#501a17
```
#501a17 rgb(80,26,23)
```
#5f1f1b
```
#5f1f1b rgb(95,31,27)
```
#6e241f
```
#6e241f rgb(110,36,31)
```
#7e2924
```
#7e2924 rgb(126,41,36)
```
#8d2e28
```
#8d2e28 rgb(141,46,40)
```
#9c332c
```
#9c332c rgb(156,51,44)
```
#ac3831
```
#ac3831 rgb(172,56,49)
```
#bb3d35
```
#bb3d35 rgb(187,61,53)
```

Shade Color Variation

#c8443c
```
#c8443c rgb(200,68,60)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#d0625a
```
#d0625a rgb(208,98,90)
```
#d5706a
```
#d5706a rgb(213,112,106)
```
#d97f79
```
#d97f79 rgb(217,127,121)
```
#dd8d88
```
#dd8d88 rgb(221,141,136)
```
#e29c97
```
#e29c97 rgb(226,156,151)
```
#e6aba7
```
#e6aba7 rgb(230,171,167)
```
#eab9b6
```
#eab9b6 rgb(234,185,182)
```
#efc8c5
```
#efc8c5 rgb(239,200,197)
```
#f3d6d5
```
#f3d6d5 rgb(243,214,213)
```
#f7e5e4
```
#f7e5e4 rgb(247,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, #8e8989 is the less saturated color, while #f82c1f is the most saturated one.

#8e8989
```
#8e8989 rgb(142,137,137)
```
#978280
```
#978280 rgb(151,130,128)
```
#a07a77
```
#a07a77 rgb(160,122,119)
```
#a8726f
```
#a8726f rgb(168,114,111)
```
#b16a66
```
#b16a66 rgb(177,106,102)
```
#ba635d
```
#ba635d rgb(186,99,93)
```
#c35b54
```
#c35b54 rgb(195,91,84)
```
#cc534b
```
#cc534b rgb(204,83,75)
```
#d54b42
```
#d54b42 rgb(213,75,66)
```
#de4339
```
#de4339 rgb(222,67,57)
```
#e73c30
```
#e73c30 rgb(231,60,48)
```
#f03427
```
#f03427 rgb(240,52,39)
```
#f82c1f
```
#f82c1f rgb(248,44,31)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#876f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8062 Protanopia 1% of men
#9c7b4c Deuteranopia 1% of men
#cf5a5f Tritanopia 0.001% of the population

Trichromacy

#a27059 Protanomaly 1% of men, 0.01% of women
#ad6c4c Deuteranomaly 6% of men, 0.4% of women
#ce5758 Tritanomaly 0.01% of the population