#cc550b hex color

In a RGB color space, hex #cc550b is composed of 80% red, 33.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 94.6% yellow and 20% black. It has a hue angle of 23 degrees, a saturation of 89.8% and a lightness of 42.2%. #cc550b color hex could be obtained by blending #ffaa16 with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 33
- B 4
RGB color chart
- C 0
- M 58
- Y 95
- K 20
CMYK color chart

● #cc550b color description : Strong orange.

The hexadecimal color #cc550b has RGB values of R:204, G:85, B:11 and CMYK values of C:0, M:0.58, Y:0.95, K:0.2. Its decimal value is 13391115.

Hex triplet	cc550b	`#cc550b`
RGB Decimal	204, 85, 11	`rgb(204,85,11)`
RGB Percent	80, 33.3, 4.3	`rgb(80%,33.3%,4.3%)`
CMYK	0, 58, 95, 20
HSL	23°, 89.8, 42.2	`hsl(23,89.8%,42.2%)`
HSV (or HSB)	23°, 94.6, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.108, 44.274, 58.346
XYZ	28.212, 19.362, 2.568
xyY	0.563, 0.386, 19.362
CIE-LCH	51.108, 73.242, 52.808
CIE-LUV	51.108, 98.304, 43.603
Hunter-Lab	44.002, 37.443, 27.341
Binary	11001100, 01010101, 00001011

#cc550b
```
#cc550b rgb(204,85,11)
```
#0b82cc
```
#0b82cc rgb(11,130,204)
```

Complementary Color

#cc0b21
```
#cc0b21 rgb(204,11,33)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#ccb60b
```
#ccb60b rgb(204,182,11)
```

Analogous Color

#0b21cc
```
#0b21cc rgb(11,33,204)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#0bccb6
```
#0bccb6 rgb(11,204,182)
```

Split Complementary Color

#550bcc
```
#550bcc rgb(85,11,204)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#0bcc55
```
#0bcc55 rgb(11,204,85)
```

Triadic Color

#cc0b82
```
#cc0b82 rgb(204,11,130)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#0bcc55
```
#0bcc55 rgb(11,204,85)
```
#0b82cc
```
#0b82cc rgb(11,130,204)
```

Tetradic Color

#833707
```
#833707 rgb(131,55,7)
```
#9c4108
```
#9c4108 rgb(156,65,8)
```
#b44b0a
```
#b44b0a rgb(180,75,10)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#e45f0c
```
#e45f0c rgb(228,95,12)
```
#f36b17
```
#f36b17 rgb(243,107,23)
```
#f47b30
```
#f47b30 rgb(244,123,48)
```

Monochromatic Color

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

#cc250b
```
#cc250b rgb(204,37,11)
```
#cc350b
```
#cc350b rgb(204,53,11)
```
#cc450b
```
#cc450b rgb(204,69,11)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#cc650b
```
#cc650b rgb(204,101,11)
```
#cc750b
```
#cc750b rgb(204,117,11)
```
#cc850b
```
#cc850b rgb(204,133,11)
```

Similar Colors

Text with hexadecimal color #cc550b

This text has a font color of #cc550b.

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

#cc550b background color

This paragraph has a background color of #cc550b.

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

#cc550b border color

This element has a border color of #cc550b.

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

CSS codes

.text {color:#cc550b;}

.background {background-color:#cc550b;}

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

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

#120701
```
#120701 rgb(18,7,1)
```
#240f02
```
#240f02 rgb(36,15,2)
```
#371703
```
#371703 rgb(55,23,3)
```
#4a1f04
```
#4a1f04 rgb(74,31,4)
```
#5c2605
```
#5c2605 rgb(92,38,5)
```
#6f2e06
```
#6f2e06 rgb(111,46,6)
```
#823607
```
#823607 rgb(130,54,7)
```
#943e08
```
#943e08 rgb(148,62,8)
```
#a74509
```
#a74509 rgb(167,69,9)
```
#b94d0a
```
#b94d0a rgb(185,77,10)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#df5d0c
```
#df5d0c rgb(223,93,12)
```
#f1650d
```
#f1650d rgb(241,101,13)
```

Shade Color Variation

#f3701f
```
#f3701f rgb(243,112,31)
```
#f47c32
```
#f47c32 rgb(244,124,50)
```
#f58844
```
#f58844 rgb(245,136,68)
```
#f69457
```
#f69457 rgb(246,148,87)
```
#f7a069
```
#f7a069 rgb(247,160,105)
```
#f8ac7c
```
#f8ac7c rgb(248,172,124)
```
#f9b78f
```
#f9b78f rgb(249,183,143)
```
#fac3a1
```
#fac3a1 rgb(250,195,161)
```
#fbcfb4
```
#fbcfb4 rgb(251,207,180)
```
#fcdbc6
```
#fcdbc6 rgb(252,219,198)
```
#fde7d9
```
#fde7d9 rgb(253,231,217)
```
#fef3ec
```
#fef3ec rgb(254,243,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#716a66
```
#716a66 rgb(113,106,102)
```
#79685e
```
#79685e rgb(121,104,94)
```
#826655
```
#826655 rgb(130,102,85)
```
#8a644d
```
#8a644d rgb(138,100,77)
```
#926245
```
#926245 rgb(146,98,69)
```
#9a613d
```
#9a613d rgb(154,97,61)
```
#a35f34
```
#a35f34 rgb(163,95,52)
```
#ab5d2c
```
#ab5d2c rgb(171,93,44)
```
#b35b24
```
#b35b24 rgb(179,91,36)
```
#bb591c
```
#bb591c rgb(187,89,28)
```
#c45713
```
#c45713 rgb(196,87,19)
```
#cc550b
```
#cc550b rgb(204,85,11)
```
#d45303
```
#d45303 rgb(212,83,3)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#826b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8021 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#d0575d Tritanopia 0.001% of the population

Trichromacy

#a57019 Protanomaly 1% of men, 0.01% of women
#b06c04 Deuteranomaly 6% of men, 0.4% of women
#cf563f Tritanomaly 0.01% of the population

#cc550b hex color

#cc550b Color Information

#cc550b Color Conversion

Color Schemes with #cc550b

Alternatives to #cc550b

#cc550b Preview

Shades and Tints of #cc550b

Tones of #cc550b

Color Blindness Simulator