#cc966d hex color

In a RGB color space, hex #cc966d is composed of 80% red, 58.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 46.6% yellow and 20% black. It has a hue angle of 25.9 degrees, a saturation of 48.2% and a lightness of 61.4%. #cc966d color hex could be obtained by blending #ffffda with #992d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 59
- B 43
RGB color chart
- C 0
- M 26
- Y 47
- K 20
CMYK color chart

● #cc966d color description : Slightly desaturated orange.

The hexadecimal color #cc966d has RGB values of R:204, G:150, B:109 and CMYK values of C:0, M:0.26, Y:0.47, K:0.2. Its decimal value is 13407853.

Hex triplet	cc966d	`#cc966d`
RGB Decimal	204, 150, 109	`rgb(204,150,109)`
RGB Percent	80, 58.8, 42.7	`rgb(80%,58.8%,42.7%)`
CMYK	0, 26, 47, 20
HSL	25.9°, 48.2, 61.4	`hsl(25.9,48.2%,61.4%)`
HSV (or HSB)	25.9°, 46.6, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.333, 15.287, 29.534
XYZ	38.569, 35.756, 19.337
xyY	0.412, 0.382, 35.756
CIE-LCH	66.333, 33.256, 62.634
CIE-LUV	66.333, 39.59, 34.585
Hunter-Lab	59.796, 10.489, 22.684
Binary	11001100, 10010110, 01101101

#cc966d
```
#cc966d rgb(204,150,109)
```
#6da3cc
```
#6da3cc rgb(109,163,204)
```

Complementary Color

#cc6d74
```
#cc6d74 rgb(204,109,116)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#ccc66d
```
#ccc66d rgb(204,198,109)
```

Analogous Color

#6d74cc
```
#6d74cc rgb(109,116,204)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#6dccc6
```
#6dccc6 rgb(109,204,198)
```

Split Complementary Color

#966dcc
```
#966dcc rgb(150,109,204)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#6dcc96
```
#6dcc96 rgb(109,204,150)
```

Triadic Color

#cc6da3
```
#cc6da3 rgb(204,109,163)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#6dcc96
```
#6dcc96 rgb(109,204,150)
```
#6da3cc
```
#6da3cc rgb(109,163,204)
```

Tetradic Color

#af6e3d
```
#af6e3d rgb(175,110,61)
```
#bf7b47
```
#bf7b47 rgb(191,123,71)
```
#c5885a
```
#c5885a rgb(197,136,90)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#d3a480
```
#d3a480 rgb(211,164,128)
```
#d9b193
```
#d9b193 rgb(217,177,147)
```
#e0bfa6
```
#e0bfa6 rgb(224,191,166)
```

Monochromatic Color

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

#cc7e6d
```
#cc7e6d rgb(204,126,109)
```
#cc866d
```
#cc866d rgb(204,134,109)
```
#cc8e6d
```
#cc8e6d rgb(204,142,109)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#cc9e6d
```
#cc9e6d rgb(204,158,109)
```
#cca66d
```
#cca66d rgb(204,166,109)
```
#ccae6d
```
#ccae6d rgb(204,174,109)
```

Similar Colors

Text with hexadecimal color #cc966d

This text has a font color of #cc966d.

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

#cc966d background color

This paragraph has a background color of #cc966d.

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

#cc966d border color

This element has a border color of #cc966d.

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

CSS codes

.text {color:#cc966d;}

.background {background-color:#cc966d;}

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

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

#0e0905
```
#0e0905 rgb(14,9,5)
```
#1c120a
```
#1c120a rgb(28,18,10)
```
#2b1b0f
```
#2b1b0f rgb(43,27,15)
```
#3a2414
```
#3a2414 rgb(58,36,20)
```
#482d19
```
#482d19 rgb(72,45,25)
```
#57371e
```
#57371e rgb(87,55,30)
```
#654023
```
#654023 rgb(101,64,35)
```
#744928
```
#744928 rgb(116,73,40)
```
#82522d
```
#82522d rgb(130,82,45)
```
#915b33
```
#915b33 rgb(145,91,51)
```
#9f6438
```
#9f6438 rgb(159,100,56)
```
#ae6e3d
```
#ae6e3d rgb(174,110,61)
```
#bc7742
```
#bc7742 rgb(188,119,66)
```

Shade Color Variation

#c28150
```
#c28150 rgb(194,129,80)
```
#c78c5e
```
#c78c5e rgb(199,140,94)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#d1a07c
```
#d1a07c rgb(209,160,124)
```
#d6ab8a
```
#d6ab8a rgb(214,171,138)
```
#dbb599
```
#dbb599 rgb(219,181,153)
```
#e0c0a7
```
#e0c0a7 rgb(224,192,167)
```
#e5cab6
```
#e5cab6 rgb(229,202,182)
```
#ead5c4
```
#ead5c4 rgb(234,213,196)
```
#f0dfd3
```
#f0dfd3 rgb(240,223,211)
```
#f5eae1
```
#f5eae1 rgb(245,234,225)
```
#faf4f0
```
#faf4f0 rgb(250,244,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9f9c9a
```
#9f9c9a rgb(159,156,154)
```
#a69b93
```
#a69b93 rgb(166,155,147)
```
#ae9a8b
```
#ae9a8b rgb(174,154,139)
```
#b59984
```
#b59984 rgb(181,153,132)
```
#bd987c
```
#bd987c rgb(189,152,124)
```
#c49775
```
#c49775 rgb(196,151,117)
```
#cc966d
```
#cc966d rgb(204,150,109)
```
#d49565
```
#d49565 rgb(212,149,101)
```
#db945e
```
#db945e rgb(219,148,94)
```
#e39356
```
#e39356 rgb(227,147,86)
```
#ea924f
```
#ea924f rgb(234,146,79)
```
#f29147
```
#f29147 rgb(242,145,71)
```
#f99040
```
#f99040 rgb(249,144,64)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aa9f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a578 Protanopia 1% of men
#c59f73 Deuteranopia 1% of men
#d2959f Tritanopia 0.001% of the population

Trichromacy

#bba074 Protanomaly 1% of men, 0.01% of women
#c79b71 Deuteranomaly 6% of men, 0.4% of women
#d0958d Tritanomaly 0.01% of the population

#cc966d hex color

#cc966d Color Information

#cc966d Color Conversion

Color Schemes with #cc966d

Alternatives to #cc966d

#cc966d Preview

Shades and Tints of #cc966d

Tones of #cc966d

Color Blindness Simulator