#cc691d hex color

In a RGB color space, hex #cc691d is composed of 80% red, 41.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 85.8% yellow and 20% black. It has a hue angle of 26.1 degrees, a saturation of 75.1% and a lightness of 45.7%. #cc691d color hex could be obtained by blending #ffd23a with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 41
- B 11
RGB color chart
- C 0
- M 49
- Y 86
- K 20
CMYK color chart

● #cc691d color description : Strong orange.

The hexadecimal color #cc691d has RGB values of R:204, G:105, B:29 and CMYK values of C:0, M:0.49, Y:0.86, K:0.2. Its decimal value is 13396253.

Hex triplet	cc691d	`#cc691d`
RGB Decimal	204, 105, 29	`rgb(204,105,29)`
RGB Percent	80, 41.2, 11.4	`rgb(80%,41.2%,11.4%)`
CMYK	0, 49, 86, 20
HSL	26.1°, 75.1, 45.7	`hsl(26.1,75.1%,45.7%)`
HSV (or HSB)	26.1°, 85.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.105, 34.61, 56.005
XYZ	30.176, 23.032, 4.019
xyY	0.527, 0.402, 23.032
CIE-LCH	55.105, 65.836, 58.285
CIE-LUV	55.105, 81.298, 47.5
Hunter-Lab	47.992, 28.252, 28.629
Binary	11001100, 01101001, 00011101

#cc691d
```
#cc691d rgb(204,105,29)
```
#1d80cc
```
#1d80cc rgb(29,128,204)
```

Complementary Color

#cc1d29
```
#cc1d29 rgb(204,29,41)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#ccc11d
```
#ccc11d rgb(204,193,29)
```

Analogous Color

#1d29cc
```
#1d29cc rgb(29,41,204)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#1dccc1
```
#1dccc1 rgb(29,204,193)
```

Split Complementary Color

#691dcc
```
#691dcc rgb(105,29,204)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#1dcc69
```
#1dcc69 rgb(29,204,105)
```

Triadic Color

#cc1d80
```
#cc1d80 rgb(204,29,128)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#1dcc69
```
#1dcc69 rgb(29,204,105)
```
#1d80cc
```
#1d80cc rgb(29,128,204)
```

Tetradic Color

#894713
```
#894713 rgb(137,71,19)
```
#9f5217
```
#9f5217 rgb(159,82,23)
```
#b65e1a
```
#b65e1a rgb(182,94,26)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#e07523
```
#e07523 rgb(224,117,35)
```
#e38339
```
#e38339 rgb(227,131,57)
```
#e6914f
```
#e6914f rgb(230,145,79)
```

Monochromatic Color

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

#cc3d1d
```
#cc3d1d rgb(204,61,29)
```
#cc4c1d
```
#cc4c1d rgb(204,76,29)
```
#cc5a1d
```
#cc5a1d rgb(204,90,29)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#cc781d
```
#cc781d rgb(204,120,29)
```
#cc861d
```
#cc861d rgb(204,134,29)
```
#cc951d
```
#cc951d rgb(204,149,29)
```

Similar Colors

Text with hexadecimal color #cc691d

This text has a font color of #cc691d.

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

#cc691d background color

This paragraph has a background color of #cc691d.

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

#cc691d border color

This element has a border color of #cc691d.

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

CSS codes

.text {color:#cc691d;}

.background {background-color:#cc691d;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#201105
```
#201105 rgb(32,17,5)
```
#311907
```
#311907 rgb(49,25,7)
```
#432209
```
#432209 rgb(67,34,9)
```
#542b0c
```
#542b0c rgb(84,43,12)
```
#65340e
```
#65340e rgb(101,52,14)
```
#763d11
```
#763d11 rgb(118,61,17)
```
#874613
```
#874613 rgb(135,70,19)
```
#984e16
```
#984e16 rgb(152,78,22)
```
#aa5718
```
#aa5718 rgb(170,87,24)
```
#bb601b
```
#bb601b rgb(187,96,27)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#dd721f
```
#dd721f rgb(221,114,31)
```

Shade Color Variation

#e17c2f
```
#e17c2f rgb(225,124,47)
```
#e48740
```
#e48740 rgb(228,135,64)
```
#e69251
```
#e69251 rgb(230,146,81)
```
#e99d62
```
#e99d62 rgb(233,157,98)
```
#eba774
```
#eba774 rgb(235,167,116)
```
#eeb285
```
#eeb285 rgb(238,178,133)
```
#f0bd96
```
#f0bd96 rgb(240,189,150)
```
#f2c8a7
```
#f2c8a7 rgb(242,200,167)
```
#f5d3b8
```
#f5d3b8 rgb(245,211,184)
```
#f7ddc9
```
#f7ddc9 rgb(247,221,201)
```
#fae8db
```
#fae8db rgb(250,232,219)
```
#fcf3ec
```
#fcf3ec rgb(252,243,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b746e
```
#7b746e rgb(123,116,110)
```
#847265
```
#847265 rgb(132,114,101)
```
#8d715c
```
#8d715c rgb(141,113,92)
```
#967053
```
#967053 rgb(150,112,83)
```
#9f6f4a
```
#9f6f4a rgb(159,111,74)
```
#a86e41
```
#a86e41 rgb(168,110,65)
```
#b16d38
```
#b16d38 rgb(177,109,56)
```
#ba6b2f
```
#ba6b2f rgb(186,107,47)
```
#c36a26
```
#c36a26 rgb(195,106,38)
```
#cc691d
```
#cc691d rgb(204,105,29)
```
#d56814
```
#d56814 rgb(213,104,20)
```
#de670b
```
#de670b rgb(222,103,11)
```
#e76502
```
#e76502 rgb(231,101,2)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8e7a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a2f Protanopia 1% of men
#ac831e Deuteranopia 1% of men
#d16970 Tritanopia 0.001% of the population

Trichromacy

#ac7e28 Protanomaly 1% of men, 0.01% of women
#b8791d Deuteranomaly 6% of men, 0.4% of women
#cf6952 Tritanomaly 0.01% of the population

#cc691d hex color

#cc691d Color Information

#cc691d Color Conversion

Color Schemes with #cc691d

Alternatives to #cc691d

#cc691d Preview

Shades and Tints of #cc691d

Tones of #cc691d

Color Blindness Simulator