#cca22c hex color

In a RGB color space, hex #cca22c is composed of 80% red, 63.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 78.4% yellow and 20% black. It has a hue angle of 44.3 degrees, a saturation of 64.5% and a lightness of 48.6%. #cca22c color hex could be obtained by blending #ffff58 with #994500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 64
- B 17
RGB color chart
- C 0
- M 21
- Y 78
- K 20
CMYK color chart

● #cca22c color description : Strong orange.

The hexadecimal color #cca22c has RGB values of R:204, G:162, B:44 and CMYK values of C:0, M:0.21, Y:0.78, K:0.2. Its decimal value is 13410860.

Hex triplet	cca22c	`#cca22c`
RGB Decimal	204, 162, 44	`rgb(204,162,44)`
RGB Percent	80, 63.5, 17.3	`rgb(80%,63.5%,17.3%)`
CMYK	0, 21, 78, 20
HSL	44.3°, 64.5, 48.6	`hsl(44.3,64.5%,48.6%)`
HSV (or HSB)	44.3°, 78.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.651, 4.362, 62.647
XYZ	38.277, 38.862, 7.868
xyY	0.45, 0.457, 38.862
CIE-LCH	68.651, 62.799, 86.017
CIE-LUV	68.651, 35.351, 66.116
Hunter-Lab	62.339, 0.509, 36.155
Binary	11001100, 10100010, 00101100

#cca22c
```
#cca22c rgb(204,162,44)
```
#2c56cc
```
#2c56cc rgb(44,86,204)
```

Complementary Color

#cc522c
```
#cc522c rgb(204,82,44)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#a6cc2c
```
#a6cc2c rgb(166,204,44)
```

Analogous Color

#522ccc
```
#522ccc rgb(82,44,204)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#2ca6cc
```
#2ca6cc rgb(44,166,204)
```

Split Complementary Color

#a22ccc
```
#a22ccc rgb(162,44,204)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#2ccca2
```
#2ccca2 rgb(44,204,162)
```

Triadic Color

#cc2c56
```
#cc2c56 rgb(204,44,86)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#2ccca2
```
#2ccca2 rgb(44,204,162)
```
#2c56cc
```
#2c56cc rgb(44,86,204)
```

Tetradic Color

#8d701e
```
#8d701e rgb(141,112,30)
```
#a28123
```
#a28123 rgb(162,129,35)
```
#b79127
```
#b79127 rgb(183,145,39)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#d5ad3c
```
#d5ad3c rgb(213,173,60)
```
#dab651
```
#dab651 rgb(218,182,81)
```
#debf66
```
#debf66 rgb(222,191,102)
```

Monochromatic Color

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

#cc7a2c
```
#cc7a2c rgb(204,122,44)
```
#cc872c
```
#cc872c rgb(204,135,44)
```
#cc952c
```
#cc952c rgb(204,149,44)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#ccaf2c
```
#ccaf2c rgb(204,175,44)
```
#ccbd2c
```
#ccbd2c rgb(204,189,44)
```
#ccca2c
```
#ccca2c rgb(204,202,44)
```

Similar Colors

Text with hexadecimal color #cca22c

This text has a font color of #cca22c.

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

#cca22c background color

This paragraph has a background color of #cca22c.

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

#cca22c border color

This element has a border color of #cca22c.

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

CSS codes

.text {color:#cca22c;}

.background {background-color:#cca22c;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1b1506
```
#1b1506 rgb(27,21,6)
```
#2b2209
```
#2b2209 rgb(43,34,9)
```
#3b2f0d
```
#3b2f0d rgb(59,47,13)
```
#4b3b10
```
#4b3b10 rgb(75,59,16)
```
#5b4814
```
#5b4814 rgb(91,72,20)
```
#6b5517
```
#6b5517 rgb(107,85,23)
```
#7b621b
```
#7b621b rgb(123,98,27)
```
#8b6f1e
```
#8b6f1e rgb(139,111,30)
```
#9c7c22
```
#9c7c22 rgb(156,124,34)
```
#ac8825
```
#ac8825 rgb(172,136,37)
```
#bc9529
```
#bc9529 rgb(188,149,41)
```
#cca22c
```
#cca22c rgb(204,162,44)
```

Shade Color Variation

#d4ab38
```
#d4ab38 rgb(212,171,56)
```
#d7b248
```
#d7b248 rgb(215,178,72)
```
#dbb958
```
#dbb958 rgb(219,185,88)
```
#debf68
```
#debf68 rgb(222,191,104)
```
#e2c678
```
#e2c678 rgb(226,198,120)
```
#e5cd88
```
#e5cd88 rgb(229,205,136)
```
#e9d498
```
#e9d498 rgb(233,212,152)
```
#ecdba9
```
#ecdba9 rgb(236,219,169)
```
#f0e1b9
```
#f0e1b9 rgb(240,225,185)
```
#f3e8c9
```
#f3e8c9 rgb(243,232,201)
```
#f7efd9
```
#f7efd9 rgb(247,239,217)
```
#faf6e9
```
#faf6e9 rgb(250,246,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#807e78
```
#807e78 rgb(128,126,120)
```
#89826f
```
#89826f rgb(137,130,111)
```
#938765
```
#938765 rgb(147,135,101)
```
#9c8b5c
```
#9c8b5c rgb(156,139,92)
```
#a69052
```
#a69052 rgb(166,144,82)
```
#af9449
```
#af9449 rgb(175,148,73)
```
#b9993f
```
#b9993f rgb(185,153,63)
```
#c29d36
```
#c29d36 rgb(194,157,54)
```
#cca22c
```
#cca22c rgb(204,162,44)
```
#d6a722
```
#d6a722 rgb(214,167,34)
```
#dfab19
```
#dfab19 rgb(223,171,25)
```
#e9b00f
```
#e9b00f rgb(233,176,15)
```
#f2b406
```
#f2b406 rgb(242,180,6)
```

Tone Color Variation

Below, you can see how #cca22c 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
#aaa18a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfac38 Protanopia 1% of men
#d5a338 Deuteranopia 1% of men
#d69ca7 Tritanopia 0.001% of the population

Trichromacy

#c4a833 Protanomaly 1% of men, 0.01% of women
#d2a333 Deuteranomaly 6% of men, 0.4% of women
#d29e7a Tritanomaly 0.01% of the population

#cca22c hex color

#cca22c Color Information

#cca22c Color Conversion

Color Schemes with #cca22c

Alternatives to #cca22c

#cca22c Preview

Shades and Tints of #cca22c

Tones of #cca22c

Color Blindness Simulator