#cca226 hex color

In a RGB color space, hex #cca226 is composed of 80% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 81.4% yellow and 20% black. It has a hue angle of 44.8 degrees, a saturation of 68.6% and a lightness of 47.5%. #cca226 color hex could be obtained by blending #ffff4c with #994500. Closest websafe color is: #cc9933.

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

● #cca226 color description : Strong orange.

The hexadecimal color #cca226 has RGB values of R:204, G:162, B:38 and CMYK values of C:0, M:0.21, Y:0.81, K:0.2. Its decimal value is 13410854.

Hex triplet	cca226	`#cca226`
RGB Decimal	204, 162, 38	`rgb(204,162,38)`
RGB Percent	80, 63.5, 14.9	`rgb(80%,63.5%,14.9%)`
CMYK	0, 21, 81, 20
HSL	44.8°, 68.6, 47.5	`hsl(44.8,68.6%,47.5%)`
HSV (or HSB)	44.8°, 81.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.621, 4.156, 64.589
XYZ	38.173, 38.82, 7.316
xyY	0.453, 0.46, 38.82
CIE-LCH	68.621, 64.723, 86.319
CIE-LUV	68.621, 35.541, 67.362
Hunter-Lab	62.306, 0.327, 36.652
Binary	11001100, 10100010, 00100110

#cca226
```
#cca226 rgb(204,162,38)
```
#2650cc
```
#2650cc rgb(38,80,204)
```

Complementary Color

#cc4f26
```
#cc4f26 rgb(204,79,38)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#a3cc26
```
#a3cc26 rgb(163,204,38)
```

Analogous Color

#4f26cc
```
#4f26cc rgb(79,38,204)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#26a3cc
```
#26a3cc rgb(38,163,204)
```

Split Complementary Color

#a226cc
```
#a226cc rgb(162,38,204)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#26cca2
```
#26cca2 rgb(38,204,162)
```

Triadic Color

#cc2650
```
#cc2650 rgb(204,38,80)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#26cca2
```
#26cca2 rgb(38,204,162)
```
#2650cc
```
#2650cc rgb(38,80,204)
```

Tetradic Color

#8c6f1a
```
#8c6f1a rgb(140,111,26)
```
#a1801e
```
#a1801e rgb(161,128,30)
```
#b79122
```
#b79122 rgb(183,145,34)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#d9af33
```
#d9af33 rgb(217,175,51)
```
#ddb748
```
#ddb748 rgb(221,183,72)
```
#e1c05e
```
#e1c05e rgb(225,192,94)
```

Monochromatic Color

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

#cc7926
```
#cc7926 rgb(204,121,38)
```
#cc8626
```
#cc8626 rgb(204,134,38)
```
#cc9426
```
#cc9426 rgb(204,148,38)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#ccb026
```
#ccb026 rgb(204,176,38)
```
#ccbe26
```
#ccbe26 rgb(204,190,38)
```
#cccc26
```
#cccc26 rgb(204,204,38)
```

Similar Colors

Text with hexadecimal color #cca226

This text has a font color of #cca226.

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

#cca226 background color

This paragraph has a background color of #cca226.

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

#cca226 border color

This element has a border color of #cca226.

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

CSS codes

.text {color:#cca226;}

.background {background-color:#cca226;}

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

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, #060401 is the darkest color, while #fdfbf4 is the lightest one.

#060401
```
#060401 rgb(6,4,1)
```
#161204
```
#161204 rgb(22,18,4)
```
#271f07
```
#271f07 rgb(39,31,7)
```
#372c0a
```
#372c0a rgb(55,44,10)
```
#48390d
```
#48390d rgb(72,57,13)
```
#584610
```
#584610 rgb(88,70,16)
```
#695314
```
#695314 rgb(105,83,20)
```
#796017
```
#796017 rgb(121,96,23)
```
#8a6d1a
```
#8a6d1a rgb(138,109,26)
```
#9a7b1d
```
#9a7b1d rgb(154,123,29)
```
#ab8820
```
#ab8820 rgb(171,136,32)
```
#bb9523
```
#bb9523 rgb(187,149,35)
```
#cca226
```
#cca226 rgb(204,162,38)
```

Shade Color Variation

#d8ad2e
```
#d8ad2e rgb(216,173,46)
```
#dbb33e
```
#dbb33e rgb(219,179,62)
```
#deba4f
```
#deba4f rgb(222,186,79)
```
#e1c05f
```
#e1c05f rgb(225,192,95)
```
#e4c770
```
#e4c770 rgb(228,199,112)
```
#e7cd80
```
#e7cd80 rgb(231,205,128)
```
#ead491
```
#ead491 rgb(234,212,145)
```
#eedaa1
```
#eedaa1 rgb(238,218,161)
```
#f1e1b2
```
#f1e1b2 rgb(241,225,178)
```
#f4e7c2
```
#f4e7c2 rgb(244,231,194)
```
#f7eed3
```
#f7eed3 rgb(247,238,211)
```
#faf4e4
```
#faf4e4 rgb(250,244,228)
```
#fdfbf4
```
#fdfbf4 rgb(253,251,244)
```

Tint Color Variation

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

#827d70
```
#827d70 rgb(130,125,112)
```
#8b8267
```
#8b8267 rgb(139,130,103)
```
#94865e
```
#94865e rgb(148,134,94)
```
#9d8b55
```
#9d8b55 rgb(157,139,85)
```
#a7904b
```
#a7904b rgb(167,144,75)
```
#b09442
```
#b09442 rgb(176,148,66)
```
#b99939
```
#b99939 rgb(185,153,57)
```
#c39d2f
```
#c39d2f rgb(195,157,47)
```
#cca226
```
#cca226 rgb(204,162,38)
```
#d5a71d
```
#d5a71d rgb(213,167,29)
```
#dfab13
```
#dfab13 rgb(223,171,19)
```
#e8b00a
```
#e8b00a rgb(232,176,10)
```
#f1b401
```
#f1b401 rgb(241,180,1)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a9a088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac32 Protanopia 1% of men
#d5a332 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c4a82e Protanomaly 1% of men, 0.01% of women
#d2a32e Deuteranomaly 6% of men, 0.4% of women
#d39e78 Tritanomaly 0.01% of the population

#cca226 hex color

#cca226 Color Information

#cca226 Color Conversion

Color Schemes with #cca226

Alternatives to #cca226

#cca226 Preview

Shades and Tints of #cca226

Tones of #cca226

Color Blindness Simulator