#cc5a02 hex color

In a RGB color space, hex #cc5a02 is composed of 80% red, 35.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.9% magenta, 99% yellow and 20% black. It has a hue angle of 26.1 degrees, a saturation of 98.1% and a lightness of 40.4%. #cc5a02 color hex could be obtained by blending #ffb404 with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 35
- B 1
RGB color chart
- C 0
- M 56
- Y 99
- K 20
CMYK color chart

● #cc5a02 color description : Strong orange.

The hexadecimal color #cc5a02 has RGB values of R:204, G:90, B:2 and CMYK values of C:0, M:0.56, Y:0.99, K:0.2. Its decimal value is 13392386.

Hex triplet	cc5a02	`#cc5a02`
RGB Decimal	204, 90, 2	`rgb(204,90,2)`
RGB Percent	80, 35.3, 0.8	`rgb(80%,35.3%,0.8%)`
CMYK	0, 56, 99, 20
HSL	26.1°, 98.1, 40.4	`hsl(26.1,98.1%,40.4%)`
HSV (or HSB)	26.1°, 99, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.014, 41.771, 60.851
XYZ	28.57, 20.157, 2.444
xyY	0.558, 0.394, 20.157
CIE-LCH	52.014, 73.808, 55.533
CIE-LUV	52.014, 94.674, 45.968
Hunter-Lab	44.897, 35.02, 28.2
Binary	11001100, 01011010, 00000010

#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#0274cc
```
#0274cc rgb(2,116,204)
```

Complementary Color

#cc020f
```
#cc020f rgb(204,2,15)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#ccbf02
```
#ccbf02 rgb(204,191,2)
```

Analogous Color

#020fcc
```
#020fcc rgb(2,15,204)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#02ccbf
```
#02ccbf rgb(2,204,191)
```

Split Complementary Color

#5a02cc
```
#5a02cc rgb(90,2,204)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#02cc5a
```
#02cc5a rgb(2,204,90)
```

Triadic Color

#cc0274
```
#cc0274 rgb(204,2,116)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#02cc5a
```
#02cc5a rgb(2,204,90)
```
#0274cc
```
#0274cc rgb(2,116,204)
```

Tetradic Color

#803901
```
#803901 rgb(128,57,1)
```
#994402
```
#994402 rgb(153,68,2)
```
#b34f02
```
#b34f02 rgb(179,79,2)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#e56502
```
#e56502 rgb(229,101,2)
```
#fd7104
```
#fd7104 rgb(253,113,4)
```
#fd7f1e
```
#fd7f1e rgb(253,127,30)
```

Monochromatic Color

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

#cc2802
```
#cc2802 rgb(204,40,2)
```
#cc3802
```
#cc3802 rgb(204,56,2)
```
#cc4902
```
#cc4902 rgb(204,73,2)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#cc6b02
```
#cc6b02 rgb(204,107,2)
```
#cc7c02
```
#cc7c02 rgb(204,124,2)
```
#cc8d02
```
#cc8d02 rgb(204,141,2)
```

Similar Colors

Text with hexadecimal color #cc5a02

This text has a font color of #cc5a02.

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

#cc5a02 background color

This paragraph has a background color of #cc5a02.

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

#cc5a02 border color

This element has a border color of #cc5a02.

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

CSS codes

.text {color:#cc5a02;}

.background {background-color:#cc5a02;}

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

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

#0a0400
```
#0a0400 rgb(10,4,0)
```
#1d0d00
```
#1d0d00 rgb(29,13,0)
```
#311500
```
#311500 rgb(49,21,0)
```
#441e01
```
#441e01 rgb(68,30,1)
```
#572701
```
#572701 rgb(87,39,1)
```
#6b2f01
```
#6b2f01 rgb(107,47,1)
```
#7e3801
```
#7e3801 rgb(126,56,1)
```
#924001
```
#924001 rgb(146,64,1)
```
#a54902
```
#a54902 rgb(165,73,2)
```
#b95102
```
#b95102 rgb(185,81,2)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```
#df6302
```
#df6302 rgb(223,99,2)
```
#f36b02
```
#f36b02 rgb(243,107,2)
```

Shade Color Variation

#fd750c
```
#fd750c rgb(253,117,12)
```
#fd8020
```
#fd8020 rgb(253,128,32)
```
#fd8b33
```
#fd8b33 rgb(253,139,51)
```
#fd9647
```
#fd9647 rgb(253,150,71)
```
#fda15a
```
#fda15a rgb(253,161,90)
```
#feac6d
```
#feac6d rgb(254,172,109)
```
#feb781
```
#feb781 rgb(254,183,129)
```
#fec294
```
#fec294 rgb(254,194,148)
```
#fecda8
```
#fecda8 rgb(254,205,168)
```
#fed8bb
```
#fed8bb rgb(254,216,187)
```
#ffe3ce
```
#ffe3ce rgb(255,227,206)
```
#ffeee2
```
#ffeee2 rgb(255,238,226)
```
#fff9f5
```
#fff9f5 rgb(255,249,245)
```

Tint Color Variation

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

#6d6661
```
#6d6661 rgb(109,102,97)
```
#756559
```
#756559 rgb(117,101,89)
```
#7d6451
```
#7d6451 rgb(125,100,81)
```
#856349
```
#856349 rgb(133,99,73)
```
#8d6241
```
#8d6241 rgb(141,98,65)
```
#956139
```
#956139 rgb(149,97,57)
```
#9c6032
```
#9c6032 rgb(156,96,50)
```
#a45f2a
```
#a45f2a rgb(164,95,42)
```
#ac5e22
```
#ac5e22 rgb(172,94,34)
```
#b45d1a
```
#b45d1a rgb(180,93,26)
```
#bc5c12
```
#bc5c12 rgb(188,92,18)
```
#c45b0a
```
#c45b0a rgb(196,91,10)
```
#cc5a02
```
#cc5a02 rgb(204,90,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928318 Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#d15c61 Tritanopia 0.001% of the population

Trichromacy

#a77410 Protanomaly 1% of men, 0.01% of women
#b27000 Deuteranomaly 6% of men, 0.4% of women
#cf5b3e Tritanomaly 0.01% of the population

#cc5a02 hex color

#cc5a02 Color Information

#cc5a02 Color Conversion

Color Schemes with #cc5a02

Alternatives to #cc5a02

#cc5a02 Preview

Shades and Tints of #cc5a02

Tones of #cc5a02

Color Blindness Simulator