#ccaa3e hex color

In a RGB color space, hex #ccaa3e is composed of 80% red, 66.7% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 69.6% yellow and 20% black. It has a hue angle of 45.6 degrees, a saturation of 58.2% and a lightness of 52.2%. #ccaa3e color hex could be obtained by blending #ffff7c with #995500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 67
- B 24
RGB color chart
- C 0
- M 17
- Y 70
- K 20
CMYK color chart

● #ccaa3e color description : Moderate yellow.

The hexadecimal color #ccaa3e has RGB values of R:204, G:170, B:62 and CMYK values of C:0, M:0.17, Y:0.7, K:0.2. Its decimal value is 13412926.

Hex triplet	ccaa3e	`#ccaa3e`
RGB Decimal	204, 170, 62	`rgb(204,170,62)`
RGB Percent	80, 66.7, 24.3	`rgb(80%,66.7%,24.3%)`
CMYK	0, 17, 70, 20
HSL	45.6°, 58.2, 52.2	`hsl(45.6,58.2%,52.2%)`
HSV (or HSB)	45.6°, 69.6, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.827, 0.897, 57.879
XYZ	40.146, 41.936, 10.537
xyY	0.433, 0.453, 41.936
CIE-LCH	70.827, 57.886, 89.112
CIE-LUV	70.827, 28.825, 64.662
Hunter-Lab	64.758, -2.667, 35.683
Binary	11001100, 10101010, 00111110

#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#3e60cc
```
#3e60cc rgb(62,96,204)
```

Complementary Color

#cc633e
```
#cc633e rgb(204,99,62)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#a7cc3e
```
#a7cc3e rgb(167,204,62)
```

Analogous Color

#633ecc
```
#633ecc rgb(99,62,204)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#3ea7cc
```
#3ea7cc rgb(62,167,204)
```

Split Complementary Color

#aa3ecc
```
#aa3ecc rgb(170,62,204)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#3eccaa
```
#3eccaa rgb(62,204,170)
```

Triadic Color

#cc3e60
```
#cc3e60 rgb(204,62,96)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#3eccaa
```
#3eccaa rgb(62,204,170)
```
#3e60cc
```
#3e60cc rgb(62,96,204)
```

Tetradic Color

#967b28
```
#967b28 rgb(150,123,40)
```
#aa8c2d
```
#aa8c2d rgb(170,140,45)
```
#be9d32
```
#be9d32 rgb(190,157,50)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#d1b352
```
#d1b352 rgb(209,179,82)
```
#d7bc66
```
#d7bc66 rgb(215,188,102)
```
#dcc57b
```
#dcc57b rgb(220,197,123)
```

Monochromatic Color

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

#cc873e
```
#cc873e rgb(204,135,62)
```
#cc923e
```
#cc923e rgb(204,146,62)
```
#cc9e3e
```
#cc9e3e rgb(204,158,62)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#ccb63e
```
#ccb63e rgb(204,182,62)
```
#ccc23e
```
#ccc23e rgb(204,194,62)
```
#cbcc3e
```
#cbcc3e rgb(203,204,62)
```

Similar Colors

Text with hexadecimal color #ccaa3e

This text has a font color of #ccaa3e.

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

#ccaa3e background color

This paragraph has a background color of #ccaa3e.

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

#ccaa3e border color

This element has a border color of #ccaa3e.

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

CSS codes

.text {color:#ccaa3e;}

.background {background-color:#ccaa3e;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#181406
```
#181406 rgb(24,20,6)
```
#28210a
```
#28210a rgb(40,33,10)
```
#372e0f
```
#372e0f rgb(55,46,15)
```
#473a13
```
#473a13 rgb(71,58,19)
```
#564717
```
#564717 rgb(86,71,23)
```
#66541b
```
#66541b rgb(102,84,27)
```
#75611f
```
#75611f rgb(117,97,31)
```
#856d23
```
#856d23 rgb(133,109,35)
```
#947a27
```
#947a27 rgb(148,122,39)
```
#a4872b
```
#a4872b rgb(164,135,43)
```
#b3942f
```
#b3942f rgb(179,148,47)
```
#c3a133
```
#c3a133 rgb(195,161,51)
```

Shade Color Variation

#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#d0b14e
```
#d0b14e rgb(208,177,78)
```
#d4b85d
```
#d4b85d rgb(212,184,93)
```
#d8be6d
```
#d8be6d rgb(216,190,109)
```
#dcc57c
```
#dcc57c rgb(220,197,124)
```
#e0cc8c
```
#e0cc8c rgb(224,204,140)
```
#e5d39b
```
#e5d39b rgb(229,211,155)
```
#e9daab
```
#e9daab rgb(233,218,171)
```
#ede1ba
```
#ede1ba rgb(237,225,186)
```
#f1e7ca
```
#f1e7ca rgb(241,231,202)
```
#f5eed9
```
#f5eed9 rgb(245,238,217)
```
#f9f5e9
```
#f9f5e9 rgb(249,245,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#8a8880
```
#8a8880 rgb(138,136,128)
```
#948d76
```
#948d76 rgb(148,141,118)
```
#9d926d
```
#9d926d rgb(157,146,109)
```
#a69664
```
#a69664 rgb(166,150,100)
```
#b09b5a
```
#b09b5a rgb(176,155,90)
```
#b9a051
```
#b9a051 rgb(185,160,81)
```
#c3a547
```
#c3a547 rgb(195,165,71)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#d5af35
```
#d5af35 rgb(213,175,53)
```
#dfb42b
```
#dfb42b rgb(223,180,43)
```
#e8b922
```
#e8b922 rgb(232,185,34)
```
#f2be18
```
#f2be18 rgb(242,190,24)
```
#fbc20f
```
#fbc20f rgb(251,194,15)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afa893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b148 Protanopia 1% of men
#dba94a Deuteranopia 1% of men
#d7a4af Tritanopia 0.001% of the population

Trichromacy

#c7ae44 Protanomaly 1% of men, 0.01% of women
#d5a945 Deuteranomaly 6% of men, 0.4% of women
#d3a686 Tritanomaly 0.01% of the population

#ccaa3e hex color

#ccaa3e Color Information

#ccaa3e Color Conversion

Color Schemes with #ccaa3e

Alternatives to #ccaa3e

#ccaa3e Preview

Shades and Tints of #ccaa3e

Tones of #ccaa3e

Color Blindness Simulator