colorhexa.com

#cc531f hex color

In a RGB color space, hex #cc531f is composed of 80% red, 32.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 84.8% yellow and 20% black. It has a hue angle of 18 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc531f color hex could be obtained by blending #ffa63e with #990000. Closest websafe color is: #cc6633.

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

● #cc531f color description : Strong orange.

The hexadecimal color #cc531f has RGB values of R:204, G:83, B:31 and CMYK values of C:0, M:0.59, Y:0.85, K:0.2. Its decimal value is 13390623.

Hex triplet	cc531f	`#cc531f`
RGB Decimal	204, 83, 31	`rgb(204,83,31)`
RGB Percent	80, 32.5, 12.2	`rgb(80%,32.5%,12.2%)`
CMYK	0, 59, 85, 20
HSL	18°, 73.6, 46.1	`hsl(18,73.6%,46.1%)`
HSV (or HSB)	18°, 84.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.834, 45.577, 51.636
XYZ	28.244, 19.126, 3.501
xyY	0.555, 0.376, 19.126
CIE-LCH	50.834, 68.873, 48.566
CIE-LUV	50.834, 98.531, 39.83
Hunter-Lab	43.733, 38.746, 25.867
Binary	11001100, 01010011, 00011111

#cc531f
```
#cc531f rgb(204,83,31)
```
#1f98cc
```
#1f98cc rgb(31,152,204)
```

Complementary Color

#cc1f42
```
#cc1f42 rgb(204,31,66)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```

Analogous Color

#1f42cc
```
#1f42cc rgb(31,66,204)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#1fccaa
```
#1fccaa rgb(31,204,170)
```

Split Complementary Color

#531fcc
```
#531fcc rgb(83,31,204)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#1fcc53
```
#1fcc53 rgb(31,204,83)
```

Triadic Color

#cc1f98
```
#cc1f98 rgb(204,31,152)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#1fcc53
```
#1fcc53 rgb(31,204,83)
```
#1f98cc
```
#1f98cc rgb(31,152,204)
```

Tetradic Color

#8a3815
```
#8a3815 rgb(138,56,21)
```
#a04118
```
#a04118 rgb(160,65,24)
```
#b64a1c
```
#b64a1c rgb(182,74,28)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#de5e26
```
#de5e26 rgb(222,94,38)
```
#e16e3d
```
#e16e3d rgb(225,110,61)
```
#e57f53
```
#e57f53 rgb(229,127,83)
```

Monochromatic Color

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

#cc281f
```
#cc281f rgb(204,40,31)
```
#cc361f
```
#cc361f rgb(204,54,31)
```
#cc451f
```
#cc451f rgb(204,69,31)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#cc611f
```
#cc611f rgb(204,97,31)
```
#cc701f
```
#cc701f rgb(204,112,31)
```
#cc7e1f
```
#cc7e1f rgb(204,126,31)
```

Similar Colors

Text with hexadecimal color #cc531f

This text has a font color of #cc531f.

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

#cc531f background color

This paragraph has a background color of #cc531f.

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

#cc531f border color

This element has a border color of #cc531f.

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

CSS codes

.text {color:#cc531f;}

.background {background-color:#cc531f;}

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

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

#110703
```
#110703 rgb(17,7,3)
```
#220e05
```
#220e05 rgb(34,14,5)
```
#331508
```
#331508 rgb(51,21,8)
```
#441c0a
```
#441c0a rgb(68,28,10)
```
#55230d
```
#55230d rgb(85,35,13)
```
#66290f
```
#66290f rgb(102,41,15)
```
#773012
```
#773012 rgb(119,48,18)
```
#883715
```
#883715 rgb(136,55,21)
```
#993e17
```
#993e17 rgb(153,62,23)
```
#aa451a
```
#aa451a rgb(170,69,26)
```
#bb4c1c
```
#bb4c1c rgb(187,76,28)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```

Shade Color Variation

#e06732
```
#e06732 rgb(224,103,50)
```
#e27343
```
#e27343 rgb(226,115,67)
```
#e58054
```
#e58054 rgb(229,128,84)
```
#e88d65
```
#e88d65 rgb(232,141,101)
```
#ea9976
```
#ea9976 rgb(234,153,118)
```
#eda687
```
#eda687 rgb(237,166,135)
```
#efb398
```
#efb398 rgb(239,179,152)
```
#f2bfaa
```
#f2bfaa rgb(242,191,170)
```
#f5ccbb
```
#f5ccbb rgb(245,204,187)
```
#f7d9cc
```
#f7d9cc rgb(247,217,204)
```
#fae5dd
```
#fae5dd rgb(250,229,221)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7370
```
#7b7370 rgb(123,115,112)
```
#847067
```
#847067 rgb(132,112,103)
```
#8d6c5e
```
#8d6c5e rgb(141,108,94)
```
#966955
```
#966955 rgb(150,105,85)
```
#9f654c
```
#9f654c rgb(159,101,76)
```
#a86143
```
#a86143 rgb(168,97,67)
```
#b15e3a
```
#b15e3a rgb(177,94,58)
```
#ba5a31
```
#ba5a31 rgb(186,90,49)
```
#c35728
```
#c35728 rgb(195,87,40)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#d54f16
```
#d54f16 rgb(213,79,22)
```
#de4c0d
```
#de4c0d rgb(222,76,13)
```
#e74804
```
#e74804 rgb(231,72,4)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8033 Protanopia 1% of men
#9f791d Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a46f2c Protanomaly 1% of men, 0.01% of women
#af6b1d Deuteranomaly 6% of men, 0.4% of women
#ce5545 Tritanomaly 0.01% of the population