#cca42f hex color

In a RGB color space, hex #cca42f is composed of 80% red, 64.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 77% yellow and 20% black. It has a hue angle of 44.7 degrees, a saturation of 62.5% and a lightness of 49.2%. #cca42f color hex could be obtained by blending #ffff5e with #994900. Closest websafe color is: #cc9933.

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

● #cca42f color description : Strong orange.

The hexadecimal color #cca42f has RGB values of R:204, G:164, B:47 and CMYK values of C:0, M:0.2, Y:0.77, K:0.2. Its decimal value is 13411375.

Hex triplet	cca42f	`#cca42f`
RGB Decimal	204, 164, 47	`rgb(204,164,47)`
RGB Percent	80, 64.3, 18.4	`rgb(80%,64.3%,18.4%)`
CMYK	0, 20, 77, 20
HSL	44.7°, 62.5, 49.2	`hsl(44.7,62.5%,49.2%)`
HSV (or HSB)	44.7°, 77, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.18, 3.405, 62.082
XYZ	38.691, 39.595, 8.294
xyY	0.447, 0.457, 39.595
CIE-LCH	69.18, 62.175, 86.861
CIE-LUV	69.18, 33.763, 66.237
Hunter-Lab	62.925, -0.363, 36.232
Binary	11001100, 10100100, 00101111

#cca42f
```
#cca42f rgb(204,164,47)
```
#2f57cc
```
#2f57cc rgb(47,87,204)
```

Complementary Color

#cc562f
```
#cc562f rgb(204,86,47)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#a6cc2f
```
#a6cc2f rgb(166,204,47)
```

Analogous Color

#562fcc
```
#562fcc rgb(86,47,204)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#2fa6cc
```
#2fa6cc rgb(47,166,204)
```

Split Complementary Color

#a42fcc
```
#a42fcc rgb(164,47,204)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#2fcca4
```
#2fcca4 rgb(47,204,164)
```

Triadic Color

#cc2f57
```
#cc2f57 rgb(204,47,87)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#2fcca4
```
#2fcca4 rgb(47,204,164)
```
#2f57cc
```
#2f57cc rgb(47,87,204)
```

Tetradic Color

#8e7221
```
#8e7221 rgb(142,114,33)
```
#a38325
```
#a38325 rgb(163,131,37)
```
#b7932a
```
#b7932a rgb(183,147,42)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#d3ae41
```
#d3ae41 rgb(211,174,65)
```
#d8b756
```
#d8b756 rgb(216,183,86)
```
#ddc06b
```
#ddc06b rgb(221,192,107)
```

Monochromatic Color

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

#cc7d2f
```
#cc7d2f rgb(204,125,47)
```
#cc8a2f
```
#cc8a2f rgb(204,138,47)
```
#cc972f
```
#cc972f rgb(204,151,47)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#ccb12f
```
#ccb12f rgb(204,177,47)
```
#ccbe2f
```
#ccbe2f rgb(204,190,47)
```
#cccb2f
```
#cccb2f rgb(204,203,47)
```

Similar Colors

Text with hexadecimal color #cca42f

This text has a font color of #cca42f.

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

#cca42f background color

This paragraph has a background color of #cca42f.

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

#cca42f border color

This element has a border color of #cca42f.

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

CSS codes

.text {color:#cca42f;}

.background {background-color:#cca42f;}

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1d1707
```
#1d1707 rgb(29,23,7)
```
#2d240a
```
#2d240a rgb(45,36,10)
```
#3d310e
```
#3d310e rgb(61,49,14)
```
#4c3d12
```
#4c3d12 rgb(76,61,18)
```
#5c4a15
```
#5c4a15 rgb(92,74,21)
```
#6c5719
```
#6c5719 rgb(108,87,25)
```
#7c641d
```
#7c641d rgb(124,100,29)
```
#8c7120
```
#8c7120 rgb(140,113,32)
```
#9c7e24
```
#9c7e24 rgb(156,126,36)
```
#ac8a28
```
#ac8a28 rgb(172,138,40)
```
#bc972b
```
#bc972b rgb(188,151,43)
```
#cca42f
```
#cca42f rgb(204,164,47)
```

Shade Color Variation

#d2ac3c
```
#d2ac3c rgb(210,172,60)
```
#d6b34c
```
#d6b34c rgb(214,179,76)
```
#daba5c
```
#daba5c rgb(218,186,92)
```
#ddc06c
```
#ddc06c rgb(221,192,108)
```
#e1c77c
```
#e1c77c rgb(225,199,124)
```
#e5ce8c
```
#e5ce8c rgb(229,206,140)
```
#e8d59c
```
#e8d59c rgb(232,213,156)
```
#ecdcac
```
#ecdcac rgb(236,220,172)
```
#f0e2bc
```
#f0e2bc rgb(240,226,188)
```
#f3e9cc
```
#f3e9cc rgb(243,233,204)
```
#f7f0dc
```
#f7f0dc rgb(247,240,220)
```
#fbf7ec
```
#fbf7ec rgb(251,247,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7f7e7c
```
#7f7e7c rgb(127,126,124)
```
#888373
```
#888373 rgb(136,131,115)
```
#928869
```
#928869 rgb(146,136,105)
```
#9c8c5f
```
#9c8c5f rgb(156,140,95)
```
#a59156
```
#a59156 rgb(165,145,86)
```
#af964c
```
#af964c rgb(175,150,76)
```
#b99b42
```
#b99b42 rgb(185,155,66)
```
#c29f39
```
#c29f39 rgb(194,159,57)
```
#cca42f
```
#cca42f rgb(204,164,47)
```
#d6a925
```
#d6a925 rgb(214,169,37)
```
#dfad1c
```
#dfad1c rgb(223,173,28)
```
#e9b212
```
#e9b212 rgb(233,178,18)
```
#f3b708
```
#f3b708 rgb(243,183,8)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#aba38c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad3b Protanopia 1% of men
#d7a53b Deuteranopia 1% of men
#d79ea9 Tritanopia 0.001% of the population

Trichromacy

#c5aa36 Protanomaly 1% of men, 0.01% of women
#d3a436 Deuteranomaly 6% of men, 0.4% of women
#d3a07c Tritanomaly 0.01% of the population

#cca42f hex color

#cca42f Color Information

#cca42f Color Conversion

Color Schemes with #cca42f

Alternatives to #cca42f

#cca42f Preview

Shades and Tints of #cca42f

Tones of #cca42f

Color Blindness Simulator