#cc9702 hex color

In a RGB color space, hex #cc9702 is composed of 80% red, 59.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 99% yellow and 20% black. It has a hue angle of 44.3 degrees, a saturation of 98.1% and a lightness of 40.4%. #cc9702 color hex could be obtained by blending #ffff04 with #992f00. Closest websafe color is: #cc9900.

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

● #cc9702 color description : Strong orange.

The hexadecimal color #cc9702 has RGB values of R:204, G:151, B:2 and CMYK values of C:0, M:0.26, Y:0.99, K:0.2. Its decimal value is 13408002.

Hex triplet	cc9702	`#cc9702`
RGB Decimal	204, 151, 2	`rgb(204,151,2)`
RGB Percent	80, 59.2, 0.8	`rgb(80%,59.2%,0.8%)`
CMYK	0, 26, 99, 20
HSL	44.3°, 98.1, 40.4	`hsl(44.3,98.1%,40.4%)`
HSV (or HSB)	44.3°, 99, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.731, 9.409, 69.71
XYZ	35.98, 34.977, 4.914
xyY	0.474, 0.461, 34.977
CIE-LCH	65.731, 70.342, 82.313
CIE-LUV	65.731, 44.685, 67.311
Hunter-Lab	59.141, 5.098, 36.473
Binary	11001100, 10010111, 00000010

#cc9702
```
#cc9702 rgb(204,151,2)
```
#0237cc
```
#0237cc rgb(2,55,204)
```

Complementary Color

#cc3202
```
#cc3202 rgb(204,50,2)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#9ccc02
```
#9ccc02 rgb(156,204,2)
```

Analogous Color

#3202cc
```
#3202cc rgb(50,2,204)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#029ccc
```
#029ccc rgb(2,156,204)
```

Split Complementary Color

#9702cc
```
#9702cc rgb(151,2,204)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#02cc97
```
#02cc97 rgb(2,204,151)
```

Triadic Color

#cc0237
```
#cc0237 rgb(204,2,55)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#02cc97
```
#02cc97 rgb(2,204,151)
```
#0237cc
```
#0237cc rgb(2,55,204)
```

Tetradic Color

#805f01
```
#805f01 rgb(128,95,1)
```
#997202
```
#997202 rgb(153,114,2)
```
#b38402
```
#b38402 rgb(179,132,2)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#e5aa02
```
#e5aa02 rgb(229,170,2)
```
#fdbb04
```
#fdbb04 rgb(253,187,4)
```
#fdc21e
```
#fdc21e rgb(253,194,30)
```

Monochromatic Color

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

#cc6502
```
#cc6502 rgb(204,101,2)
```
#cc7502
```
#cc7502 rgb(204,117,2)
```
#cc8602
```
#cc8602 rgb(204,134,2)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#cca802
```
#cca802 rgb(204,168,2)
```
#ccb902
```
#ccb902 rgb(204,185,2)
```
#ccca02
```
#ccca02 rgb(204,202,2)
```

Similar Colors

Text with hexadecimal color #cc9702

This text has a font color of #cc9702.

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

#cc9702 background color

This paragraph has a background color of #cc9702.

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

#cc9702 border color

This element has a border color of #cc9702.

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

CSS codes

.text {color:#cc9702;}

.background {background-color:#cc9702;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1d1600
```
#1d1600 rgb(29,22,0)
```
#312400
```
#312400 rgb(49,36,0)
```
#443201
```
#443201 rgb(68,50,1)
```
#574101
```
#574101 rgb(87,65,1)
```
#6b4f01
```
#6b4f01 rgb(107,79,1)
```
#7e5d01
```
#7e5d01 rgb(126,93,1)
```
#926c01
```
#926c01 rgb(146,108,1)
```
#a57a02
```
#a57a02 rgb(165,122,2)
```
#b98902
```
#b98902 rgb(185,137,2)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```
#dfa502
```
#dfa502 rgb(223,165,2)
```
#f3b402
```
#f3b402 rgb(243,180,2)
```

Shade Color Variation

#fdbe0c
```
#fdbe0c rgb(253,190,12)
```
#fdc320
```
#fdc320 rgb(253,195,32)
```
#fdc833
```
#fdc833 rgb(253,200,51)
```
#fdcd47
```
#fdcd47 rgb(253,205,71)
```
#fdd25a
```
#fdd25a rgb(253,210,90)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#fedd81
```
#fedd81 rgb(254,221,129)
```
#fee294
```
#fee294 rgb(254,226,148)
```
#fee7a8
```
#fee7a8 rgb(254,231,168)
```
#feedbb
```
#feedbb rgb(254,237,187)
```
#fff2ce
```
#fff2ce rgb(255,242,206)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#6d6a61
```
#6d6a61 rgb(109,106,97)
```
#756e59
```
#756e59 rgb(117,110,89)
```
#7d7151
```
#7d7151 rgb(125,113,81)
```
#857549
```
#857549 rgb(133,117,73)
```
#8d7941
```
#8d7941 rgb(141,121,65)
```
#957d39
```
#957d39 rgb(149,125,57)
```
#9c8032
```
#9c8032 rgb(156,128,50)
```
#a4842a
```
#a4842a rgb(164,132,42)
```
#ac8822
```
#ac8822 rgb(172,136,34)
```
#b48c1a
```
#b48c1a rgb(180,140,26)
```
#bc8f12
```
#bc8f12 rgb(188,143,18)
```
#c4930a
```
#c4930a rgb(196,147,10)
```
#cc9702
```
#cc9702 rgb(204,151,2)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a19678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a411 Protanopia 1% of men
#ce9c0a Deuteranopia 1% of men
#d6929c Tritanopia 0.001% of the population

Trichromacy

#bf9f0b Protanomaly 1% of men, 0.01% of women
#cd9a07 Deuteranomaly 6% of men, 0.4% of women
#d29364 Tritanomaly 0.01% of the population

#cc9702 hex color

#cc9702 Color Information

#cc9702 Color Conversion

Color Schemes with #cc9702

Alternatives to #cc9702

#cc9702 Preview

Shades and Tints of #cc9702

Tones of #cc9702

Color Blindness Simulator