#cc984b hex color

In a RGB color space, hex #cc984b is composed of 80% red, 59.6% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 63.2% yellow and 20% black. It has a hue angle of 35.8 degrees, a saturation of 55.8% and a lightness of 54.7%. #cc984b color hex could be obtained by blending #ffff96 with #993100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 60
- B 29
RGB color chart
- C 0
- M 25
- Y 63
- K 20
CMYK color chart

● #cc984b color description : Moderate orange.

The hexadecimal color #cc984b has RGB values of R:204, G:152, B:75 and CMYK values of C:0, M:0.25, Y:0.63, K:0.2. Its decimal value is 13408331.

Hex triplet	cc984b	`#cc984b`
RGB Decimal	204, 152, 75	`rgb(204,152,75)`
RGB Percent	80, 59.6, 29.4	`rgb(80%,59.6%,29.4%)`
CMYK	0, 25, 63, 20
HSL	35.8°, 55.8, 54.7	`hsl(35.8,55.8%,54.7%)`
HSV (or HSB)	35.8°, 63.2, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.37, 11.353, 47.213
XYZ	37.401, 35.804, 11.597
xyY	0.441, 0.422, 35.804
CIE-LCH	66.37, 48.559, 76.478
CIE-LUV	66.37, 41.166, 52.258
Hunter-Lab	59.836, 6.858, 30.394
Binary	11001100, 10011000, 01001011

#cc984b
```
#cc984b rgb(204,152,75)
```
#4b7fcc
```
#4b7fcc rgb(75,127,204)
```

Complementary Color

#cc584b
```
#cc584b rgb(204,88,75)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#c0cc4b
```
#c0cc4b rgb(192,204,75)
```

Analogous Color

#584bcc
```
#584bcc rgb(88,75,204)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#4bc0cc
```
#4bc0cc rgb(75,192,204)
```

Split Complementary Color

#984bcc
```
#984bcc rgb(152,75,204)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#4bcc98
```
#4bcc98 rgb(75,204,152)
```

Triadic Color

#cc4b7f
```
#cc4b7f rgb(204,75,127)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#4bcc98
```
#4bcc98 rgb(75,204,152)
```
#4b7fcc
```
#4b7fcc rgb(75,127,204)
```

Tetradic Color

#9e702d
```
#9e702d rgb(158,112,45)
```
#b27e32
```
#b27e32 rgb(178,126,50)
```
#c68c38
```
#c68c38 rgb(198,140,56)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#d2a35f
```
#d2a35f rgb(210,163,95)
```
#d7af73
```
#d7af73 rgb(215,175,115)
```
#ddba87
```
#ddba87 rgb(221,186,135)
```

Monochromatic Color

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

#cc784b
```
#cc784b rgb(204,120,75)
```
#cc834b
```
#cc834b rgb(204,131,75)
```
#cc8d4b
```
#cc8d4b rgb(204,141,75)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#cca34b
```
#cca34b rgb(204,163,75)
```
#ccae4b
```
#ccae4b rgb(204,174,75)
```
#ccb84b
```
#ccb84b rgb(204,184,75)
```

Similar Colors

Text with hexadecimal color #cc984b

This text has a font color of #cc984b.

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

#cc984b background color

This paragraph has a background color of #cc984b.

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

#cc984b border color

This element has a border color of #cc984b.

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

CSS codes

.text {color:#cc984b;}

.background {background-color:#cc984b;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130d05
```
#130d05 rgb(19,13,5)
```
#22180a
```
#22180a rgb(34,24,10)
```
#31230e
```
#31230e rgb(49,35,14)
```
#412e12
```
#412e12 rgb(65,46,18)
```
#503917
```
#503917 rgb(80,57,23)
```
#5f441b
```
#5f441b rgb(95,68,27)
```
#6e4f1f
```
#6e4f1f rgb(110,79,31)
```
#7e5924
```
#7e5924 rgb(126,89,36)
```
#8d6428
```
#8d6428 rgb(141,100,40)
```
#9c6f2c
```
#9c6f2c rgb(156,111,44)
```
#ac7a31
```
#ac7a31 rgb(172,122,49)
```
#bb8535
```
#bb8535 rgb(187,133,53)
```

Shade Color Variation

#c88f3c
```
#c88f3c rgb(200,143,60)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#d0a15a
```
#d0a15a rgb(208,161,90)
```
#d5a96a
```
#d5a96a rgb(213,169,106)
```
#d9b279
```
#d9b279 rgb(217,178,121)
```
#ddbb88
```
#ddbb88 rgb(221,187,136)
```
#e2c497
```
#e2c497 rgb(226,196,151)
```
#e6cca7
```
#e6cca7 rgb(230,204,167)
```
#ead5b6
```
#ead5b6 rgb(234,213,182)
```
#efdec5
```
#efdec5 rgb(239,222,197)
```
#f3e7d5
```
#f3e7d5 rgb(243,231,213)
```
#f7efe4
```
#f7efe4 rgb(247,239,228)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#8e8c89
```
#8e8c89 rgb(142,140,137)
```
#978e80
```
#978e80 rgb(151,142,128)
```
#a08f77
```
#a08f77 rgb(160,143,119)
```
#a8916f
```
#a8916f rgb(168,145,111)
```
#b19366
```
#b19366 rgb(177,147,102)
```
#ba955d
```
#ba955d rgb(186,149,93)
```
#c39654
```
#c39654 rgb(195,150,84)
```
#cc984b
```
#cc984b rgb(204,152,75)
```
#d59a42
```
#d59a42 rgb(213,154,66)
```
#de9b39
```
#de9b39 rgb(222,155,57)
```
#e79d30
```
#e79d30 rgb(231,157,48)
```
#f09f27
```
#f09f27 rgb(240,159,39)
```
#f8a11f
```
#f8a11f rgb(248,161,31)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a89e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a657 Protanopia 1% of men
#cb9e53 Deuteranopia 1% of men
#d4949f Tritanopia 0.001% of the population

Trichromacy

#bea152 Protanomaly 1% of men, 0.01% of women
#cb9c50 Deuteranomaly 6% of men, 0.4% of women
#d19680 Tritanomaly 0.01% of the population

#cc984b hex color

#cc984b Color Information

#cc984b Color Conversion

Color Schemes with #cc984b

Alternatives to #cc984b

#cc984b Preview

Shades and Tints of #cc984b

Tones of #cc984b

Color Blindness Simulator