#ccaa2d hex color

In a RGB color space, hex #ccaa2d is composed of 80% red, 66.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 77.9% yellow and 20% black. It has a hue angle of 47.2 degrees, a saturation of 63.9% and a lightness of 48.8%. #ccaa2d color hex could be obtained by blending #ffff5a with #995500. Closest websafe color is: #cc9933.

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

● #ccaa2d color description : Strong yellow.

The hexadecimal color #ccaa2d has RGB values of R:204, G:170, B:45 and CMYK values of C:0, M:0.17, Y:0.78, K:0.2. Its decimal value is 13412909.

Hex triplet	ccaa2d	`#ccaa2d`
RGB Decimal	204, 170, 45	`rgb(204,170,45)`
RGB Percent	80, 66.7, 17.6	`rgb(80%,66.7%,17.6%)`
CMYK	0, 17, 78, 20
HSL	47.2°, 63.9, 48.8	`hsl(47.2,63.9%,48.8%)`
HSV (or HSB)	47.2°, 77.9, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.718, 0.132, 64.195
XYZ	39.751, 41.778, 8.453
xyY	0.442, 0.464, 41.778
CIE-LCH	70.718, 64.195, 89.882
CIE-LUV	70.718, 29.425, 69.127
Hunter-Lab	64.636, -3.336, 37.491
Binary	11001100, 10101010, 00101101

#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#2d4fcc
```
#2d4fcc rgb(45,79,204)
```

Complementary Color

#cc5b2d
```
#cc5b2d rgb(204,91,45)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#9fcc2d
```
#9fcc2d rgb(159,204,45)
```

Analogous Color

#5b2dcc
```
#5b2dcc rgb(91,45,204)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#2d9fcc
```
#2d9fcc rgb(45,159,204)
```

Split Complementary Color

#aa2dcc
```
#aa2dcc rgb(170,45,204)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#2dccaa
```
#2dccaa rgb(45,204,170)
```

Triadic Color

#cc2d4f
```
#cc2d4f rgb(204,45,79)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#2dccaa
```
#2dccaa rgb(45,204,170)
```
#2d4fcc
```
#2d4fcc rgb(45,79,204)
```

Tetradic Color

#8d761f
```
#8d761f rgb(141,118,31)
```
#a28724
```
#a28724 rgb(162,135,36)
```
#b79928
```
#b79928 rgb(183,153,40)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#d4b43e
```
#d4b43e rgb(212,180,62)
```
#d9bc53
```
#d9bc53 rgb(217,188,83)
```
#dec468
```
#dec468 rgb(222,196,104)
```

Monochromatic Color

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

#cc822d
```
#cc822d rgb(204,130,45)
```
#cc902d
```
#cc902d rgb(204,144,45)
```
#cc9d2d
```
#cc9d2d rgb(204,157,45)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#ccb72d
```
#ccb72d rgb(204,183,45)
```
#ccc52d
```
#ccc52d rgb(204,197,45)
```
#c6cc2d
```
#c6cc2d rgb(198,204,45)
```

Similar Colors

Text with hexadecimal color #ccaa2d

This text has a font color of #ccaa2d.

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

#ccaa2d background color

This paragraph has a background color of #ccaa2d.

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

#ccaa2d border color

This element has a border color of #ccaa2d.

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

CSS codes

.text {color:#ccaa2d;}

.background {background-color:#ccaa2d;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1b1706
```
#1b1706 rgb(27,23,6)
```
#2b240a
```
#2b240a rgb(43,36,10)
```
#3b310d
```
#3b310d rgb(59,49,13)
```
#4b3f11
```
#4b3f11 rgb(75,63,17)
```
#5c4c14
```
#5c4c14 rgb(92,76,20)
```
#6c5a18
```
#6c5a18 rgb(108,90,24)
```
#7c671b
```
#7c671b rgb(124,103,27)
```
#8c741f
```
#8c741f rgb(140,116,31)
```
#9c8222
```
#9c8222 rgb(156,130,34)
```
#ac8f26
```
#ac8f26 rgb(172,143,38)
```
#bc9d29
```
#bc9d29 rgb(188,157,41)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```

Shade Color Variation

#d3b239
```
#d3b239 rgb(211,178,57)
```
#d7b949
```
#d7b949 rgb(215,185,73)
```
#dabf59
```
#dabf59 rgb(218,191,89)
```
#dec569
```
#dec569 rgb(222,197,105)
```
#e2cb7a
```
#e2cb7a rgb(226,203,122)
```
#e5d28a
```
#e5d28a rgb(229,210,138)
```
#e9d89a
```
#e9d89a rgb(233,216,154)
```
#ecdeaa
```
#ecdeaa rgb(236,222,170)
```
#f0e4ba
```
#f0e4ba rgb(240,228,186)
```
#f3eaca
```
#f3eaca rgb(243,234,202)
```
#f7f1da
```
#f7f1da rgb(247,241,218)
```
#faf7ea
```
#faf7ea rgb(250,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7f7e7a
```
#7f7e7a rgb(127,126,122)
```
#898470
```
#898470 rgb(137,132,112)
```
#938966
```
#938966 rgb(147,137,102)
```
#9c8f5d
```
#9c8f5d rgb(156,143,93)
```
#a69453
```
#a69453 rgb(166,148,83)
```
#af9a4a
```
#af9a4a rgb(175,154,74)
```
#b99f40
```
#b99f40 rgb(185,159,64)
```
#c2a537
```
#c2a537 rgb(194,165,55)
```
#ccaa2d
```
#ccaa2d rgb(204,170,45)
```
#d6af23
```
#d6af23 rgb(214,175,35)
```
#dfb51a
```
#dfb51a rgb(223,181,26)
```
#e9ba10
```
#e9ba10 rgb(233,186,16)
```
#f2c007
```
#f2c007 rgb(242,192,7)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aea78e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b138 Protanopia 1% of men
#dca83a Deuteranopia 1% of men
#d7a3ae Tritanopia 0.001% of the population

Trichromacy

#c8ae34 Protanomaly 1% of men, 0.01% of women
#d6a935 Deuteranomaly 6% of men, 0.4% of women
#d3a57f Tritanomaly 0.01% of the population

#ccaa2d hex color

#ccaa2d Color Information

#ccaa2d Color Conversion

Color Schemes with #ccaa2d

Alternatives to #ccaa2d

#ccaa2d Preview

Shades and Tints of #ccaa2d

Tones of #ccaa2d

Color Blindness Simulator