#cc681b hex color

In a RGB color space, hex #cc681b is composed of 80% red, 40.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 86.8% yellow and 20% black. It has a hue angle of 26.1 degrees, a saturation of 76.6% and a lightness of 45.3%. #cc681b color hex could be obtained by blending #ffd036 with #990000. Closest websafe color is: #cc6633.

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

● #cc681b color description : Strong orange.

The hexadecimal color #cc681b has RGB values of R:204, G:104, B:27 and CMYK values of C:0, M:0.49, Y:0.87, K:0.2. Its decimal value is 13395995.

Hex triplet	cc681b	`#cc681b`
RGB Decimal	204, 104, 27	`rgb(204,104,27)`
RGB Percent	80, 40.8, 10.6	`rgb(80%,40.8%,10.6%)`
CMYK	0, 49, 87, 20
HSL	26.1°, 76.6, 45.3	`hsl(26.1,76.6%,45.3%)`
HSV (or HSB)	26.1°, 86.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.886, 35.081, 56.522
XYZ	30.051, 22.82, 3.859
xyY	0.53, 0.402, 22.82
CIE-LCH	54.886, 66.524, 58.174
CIE-LUV	54.886, 82.235, 47.526
Hunter-Lab	47.77, 28.692, 28.649
Binary	11001100, 01101000, 00011011

#cc681b
```
#cc681b rgb(204,104,27)
```
#1b7fcc
```
#1b7fcc rgb(27,127,204)
```

Complementary Color

#cc1b26
```
#cc1b26 rgb(204,27,38)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#ccc11b
```
#ccc11b rgb(204,193,27)
```

Analogous Color

#1b26cc
```
#1b26cc rgb(27,38,204)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#1bccc1
```
#1bccc1 rgb(27,204,193)
```

Split Complementary Color

#681bcc
```
#681bcc rgb(104,27,204)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#1bcc68
```
#1bcc68 rgb(27,204,104)
```

Triadic Color

#cc1b7f
```
#cc1b7f rgb(204,27,127)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#1bcc68
```
#1bcc68 rgb(27,204,104)
```
#1b7fcc
```
#1b7fcc rgb(27,127,204)
```

Tetradic Color

#884612
```
#884612 rgb(136,70,18)
```
#9f5115
```
#9f5115 rgb(159,81,21)
```
#b55d18
```
#b55d18 rgb(181,93,24)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#e1741f
```
#e1741f rgb(225,116,31)
```
#e48236
```
#e48236 rgb(228,130,54)
```
#e7904c
```
#e7904c rgb(231,144,76)
```

Monochromatic Color

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

#cc3c1b
```
#cc3c1b rgb(204,60,27)
```
#cc4b1b
```
#cc4b1b rgb(204,75,27)
```
#cc591b
```
#cc591b rgb(204,89,27)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#cc771b
```
#cc771b rgb(204,119,27)
```
#cc861b
```
#cc861b rgb(204,134,27)
```
#cc941b
```
#cc941b rgb(204,148,27)
```

Similar Colors

Text with hexadecimal color #cc681b

This text has a font color of #cc681b.

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

#cc681b background color

This paragraph has a background color of #cc681b.

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

#cc681b border color

This element has a border color of #cc681b.

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

CSS codes

.text {color:#cc681b;}

.background {background-color:#cc681b;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301906
```
#301906 rgb(48,25,6)
```
#412109
```
#412109 rgb(65,33,9)
```
#532a0b
```
#532a0b rgb(83,42,11)
```
#64330d
```
#64330d rgb(100,51,13)
```
#753c10
```
#753c10 rgb(117,60,16)
```
#874512
```
#874512 rgb(135,69,18)
```
#984e14
```
#984e14 rgb(152,78,20)
```
#a95616
```
#a95616 rgb(169,86,22)
```
#bb5f19
```
#bb5f19 rgb(187,95,25)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#dd711d
```
#dd711d rgb(221,113,29)
```

Shade Color Variation

#e37b2b
```
#e37b2b rgb(227,123,43)
```
#e5863d
```
#e5863d rgb(229,134,61)
```
#e8914e
```
#e8914e rgb(232,145,78)
```
#ea9c5f
```
#ea9c5f rgb(234,156,95)
```
#eca671
```
#eca671 rgb(236,166,113)
```
#eeb182
```
#eeb182 rgb(238,177,130)
```
#f1bc93
```
#f1bc93 rgb(241,188,147)
```
#f3c7a5
```
#f3c7a5 rgb(243,199,165)
```
#f5d1b6
```
#f5d1b6 rgb(245,209,182)
```
#f8dcc7
```
#f8dcc7 rgb(248,220,199)
```
#fae7d8
```
#fae7d8 rgb(250,231,216)
```
#fcf2ea
```
#fcf2ea rgb(252,242,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#7c726b
```
#7c726b rgb(124,114,107)
```
#857162
```
#857162 rgb(133,113,98)
```
#8e7059
```
#8e7059 rgb(142,112,89)
```
#976f50
```
#976f50 rgb(151,111,80)
```
#a06e47
```
#a06e47 rgb(160,110,71)
```
#a86d3f
```
#a86d3f rgb(168,109,63)
```
#b16b36
```
#b16b36 rgb(177,107,54)
```
#ba6a2d
```
#ba6a2d rgb(186,106,45)
```
#c36924
```
#c36924 rgb(195,105,36)
```
#cc681b
```
#cc681b rgb(204,104,27)
```
#d56712
```
#d56712 rgb(213,103,18)
```
#de6609
```
#de6609 rgb(222,102,9)
```
#e76500
```
#e76500 rgb(231,101,0)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d7969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a2d Protanopia 1% of men
#ac831b Deuteranopia 1% of men
#d1696f Tritanopia 0.001% of the population

Trichromacy

#ac7d26 Protanomaly 1% of men, 0.01% of women
#b7791b Deuteranomaly 6% of men, 0.4% of women
#cf6850 Tritanomaly 0.01% of the population

#cc681b hex color

#cc681b Color Information

#cc681b Color Conversion

Color Schemes with #cc681b

Alternatives to #cc681b

#cc681b Preview

Shades and Tints of #cc681b

Tones of #cc681b

Color Blindness Simulator