#cc731a hex color

In a RGB color space, hex #cc731a is composed of 80% red, 45.1% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.6% magenta, 87.3% yellow and 20% black. It has a hue angle of 30 degrees, a saturation of 77.4% and a lightness of 45.1%. #cc731a color hex could be obtained by blending #ffe634 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 45
- B 10
RGB color chart
- C 0
- M 44
- Y 87
- K 20
CMYK color chart

● #cc731a color description : Strong orange.

The hexadecimal color #cc731a has RGB values of R:204, G:115, B:26 and CMYK values of C:0, M:0.44, Y:0.87, K:0.2. Its decimal value is 13398810.

Hex triplet	cc731a	`#cc731a`
RGB Decimal	204, 115, 26	`rgb(204,115,26)`
RGB Percent	80, 45.1, 10.2	`rgb(80%,45.1%,10.2%)`
CMYK	0, 44, 87, 20
HSL	30°, 77.4, 45.1	`hsl(30,77.4%,45.1%)`
HSV (or HSB)	30°, 87.3, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.247, 29.268, 58.751
XYZ	31.22, 25.176, 4.193
xyY	0.515, 0.416, 25.176
CIE-LCH	57.247, 65.638, 63.519
CIE-LUV	57.247, 73.289, 51.58
Hunter-Lab	50.176, 23.258, 30.169
Binary	11001100, 01110011, 00011010

#cc731a
```
#cc731a rgb(204,115,26)
```
#1a73cc
```
#1a73cc rgb(26,115,204)
```

Complementary Color

#cc1a1a
```
#cc1a1a rgb(204,26,26)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#cccc1a
```
#cccc1a rgb(204,204,26)
```

Analogous Color

#1a1acc
```
#1a1acc rgb(26,26,204)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#1acccc
```
#1acccc rgb(26,204,204)
```

Split Complementary Color

#731acc
```
#731acc rgb(115,26,204)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#1acc73
```
#1acc73 rgb(26,204,115)
```

Triadic Color

#cc1a73
```
#cc1a73 rgb(204,26,115)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#1acc73
```
#1acc73 rgb(26,204,115)
```
#1a73cc
```
#1a73cc rgb(26,115,204)
```

Tetradic Color

#884d11
```
#884d11 rgb(136,77,17)
```
#9f5a14
```
#9f5a14 rgb(159,90,20)
```
#b56617
```
#b56617 rgb(181,102,23)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#e2801d
```
#e2801d rgb(226,128,29)
```
#e58d34
```
#e58d34 rgb(229,141,52)
```
#e8994b
```
#e8994b rgb(232,153,75)
```

Monochromatic Color

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

#cc471a
```
#cc471a rgb(204,71,26)
```
#cc551a
```
#cc551a rgb(204,85,26)
```
#cc641a
```
#cc641a rgb(204,100,26)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#cc821a
```
#cc821a rgb(204,130,26)
```
#cc911a
```
#cc911a rgb(204,145,26)
```
#cca01a
```
#cca01a rgb(204,160,26)
```

Similar Colors

Text with hexadecimal color #cc731a

This text has a font color of #cc731a.

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

#cc731a background color

This paragraph has a background color of #cc731a.

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

#cc731a border color

This element has a border color of #cc731a.

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

CSS codes

.text {color:#cc731a;}

.background {background-color:#cc731a;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1e1104
```
#1e1104 rgb(30,17,4)
```
#2f1b06
```
#2f1b06 rgb(47,27,6)
```
#412508
```
#412508 rgb(65,37,8)
```
#522e0a
```
#522e0a rgb(82,46,10)
```
#64380d
```
#64380d rgb(100,56,13)
```
#75420f
```
#75420f rgb(117,66,15)
```
#864c11
```
#864c11 rgb(134,76,17)
```
#985613
```
#985613 rgb(152,86,19)
```
#a95f16
```
#a95f16 rgb(169,95,22)
```
#bb6918
```
#bb6918 rgb(187,105,24)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#dd7d1c
```
#dd7d1c rgb(221,125,28)
```

Shade Color Variation

#e48729
```
#e48729 rgb(228,135,41)
```
#e6903b
```
#e6903b rgb(230,144,59)
```
#e89a4c
```
#e89a4c rgb(232,154,76)
```
#eaa45e
```
#eaa45e rgb(234,164,94)
```
#edae6f
```
#edae6f rgb(237,174,111)
```
#efb880
```
#efb880 rgb(239,184,128)
```
#f1c192
```
#f1c192 rgb(241,193,146)
```
#f3cba3
```
#f3cba3 rgb(243,203,163)
```
#f6d5b5
```
#f6d5b5 rgb(246,213,181)
```
#f8dfc6
```
#f8dfc6 rgb(248,223,198)
```
#fae9d7
```
#fae9d7 rgb(250,233,215)
```
#fcf3e9
```
#fcf3e9 rgb(252,243,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#747372
```
#747372 rgb(116,115,114)
```
#7c736a
```
#7c736a rgb(124,115,106)
```
#857361
```
#857361 rgb(133,115,97)
```
#8e7358
```
#8e7358 rgb(142,115,88)
```
#97734f
```
#97734f rgb(151,115,79)
```
#a07346
```
#a07346 rgb(160,115,70)
```
#a9733d
```
#a9733d rgb(169,115,61)
```
#b17335
```
#b17335 rgb(177,115,53)
```
#ba732c
```
#ba732c rgb(186,115,44)
```
#c37323
```
#c37323 rgb(195,115,35)
```
#cc731a
```
#cc731a rgb(204,115,26)
```
#d57311
```
#d57311 rgb(213,115,17)
```
#de7308
```
#de7308 rgb(222,115,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#92806e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f2b Protanopia 1% of men
#b3881c Deuteranopia 1% of men
#d2727a Tritanopia 0.001% of the population

Trichromacy

#b08525 Protanomaly 1% of men, 0.01% of women
#bc801b Deuteranomaly 6% of men, 0.4% of women
#d07257 Tritanomaly 0.01% of the population

#cc731a hex color

#cc731a Color Information

#cc731a Color Conversion

Color Schemes with #cc731a

Alternatives to #cc731a

#cc731a Preview

Shades and Tints of #cc731a

Tones of #cc731a

Color Blindness Simulator