#ccaa21 hex color

In a RGB color space, hex #ccaa21 is composed of 80% red, 66.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 83.8% yellow and 20% black. It has a hue angle of 48.1 degrees, a saturation of 72.2% and a lightness of 46.5%. #ccaa21 color hex could be obtained by blending #ffff42 with #995500. Closest websafe color is: #cc9933.

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

● #ccaa21 color description : Strong yellow.

The hexadecimal color #ccaa21 has RGB values of R:204, G:170, B:33 and CMYK values of C:0, M:0.17, Y:0.84, K:0.2. Its decimal value is 13412897.

Hex triplet	ccaa21	`#ccaa21`
RGB Decimal	204, 170, 33	`rgb(204,170,33)`
RGB Percent	80, 66.7, 12.9	`rgb(80%,66.7%,12.9%)`
CMYK	0, 17, 84, 20
HSL	48.1°, 72.2, 46.5	`hsl(48.1,72.2%,46.5%)`
HSV (or HSB)	48.1°, 83.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.662, -0.256, 67.785
XYZ	39.552, 41.698, 7.404
xyY	0.446, 0.47, 41.698
CIE-LCH	70.662, 67.785, 90.216
CIE-LUV	70.662, 29.732, 71.413
Hunter-Lab	64.574, -3.674, 38.404
Binary	11001100, 10101010, 00100001

#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#2143cc
```
#2143cc rgb(33,67,204)
```

Complementary Color

#cc5421
```
#cc5421 rgb(204,84,33)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#99cc21
```
#99cc21 rgb(153,204,33)
```

Analogous Color

#5421cc
```
#5421cc rgb(84,33,204)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#2199cc
```
#2199cc rgb(33,153,204)
```

Split Complementary Color

#aa21cc
```
#aa21cc rgb(170,33,204)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#21ccaa
```
#21ccaa rgb(33,204,170)
```

Triadic Color

#cc2143
```
#cc2143 rgb(204,33,67)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#21ccaa
```
#21ccaa rgb(33,204,170)
```
#2143cc
```
#2143cc rgb(33,67,204)
```

Tetradic Color

#8a7316
```
#8a7316 rgb(138,115,22)
```
#a0851a
```
#a0851a rgb(160,133,26)
```
#b6981d
```
#b6981d rgb(182,152,29)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#ddb92a
```
#ddb92a rgb(221,185,42)
```
#e0c040
```
#e0c040 rgb(224,192,64)
```
#e4c756
```
#e4c756 rgb(228,199,86)
```

Monochromatic Color

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

#cc7f21
```
#cc7f21 rgb(204,127,33)
```
#cc8e21
```
#cc8e21 rgb(204,142,33)
```
#cc9c21
```
#cc9c21 rgb(204,156,33)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#ccb821
```
#ccb821 rgb(204,184,33)
```
#ccc721
```
#ccc721 rgb(204,199,33)
```
#c3cc21
```
#c3cc21 rgb(195,204,33)
```

Similar Colors

Text with hexadecimal color #ccaa21

This text has a font color of #ccaa21.

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

#ccaa21 background color

This paragraph has a background color of #ccaa21.

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

#ccaa21 border color

This element has a border color of #ccaa21.

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

CSS codes

.text {color:#ccaa21;}

.background {background-color:#ccaa21;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231d06
```
#231d06 rgb(35,29,6)
```
#342b08
```
#342b08 rgb(52,43,8)
```
#45390b
```
#45390b rgb(69,57,11)
```
#56480e
```
#56480e rgb(86,72,14)
```
#675611
```
#675611 rgb(103,86,17)
```
#786413
```
#786413 rgb(120,100,19)
```
#887216
```
#887216 rgb(136,114,22)
```
#998019
```
#998019 rgb(153,128,25)
```
#aa8e1c
```
#aa8e1c rgb(170,142,28)
```
#bb9c1e
```
#bb9c1e rgb(187,156,30)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```

Shade Color Variation

#dcb725
```
#dcb725 rgb(220,183,37)
```
#debd36
```
#debd36 rgb(222,189,54)
```
#e1c247
```
#e1c247 rgb(225,194,71)
```
#e4c858
```
#e4c858 rgb(228,200,88)
```
#e7ce68
```
#e7ce68 rgb(231,206,104)
```
#e9d379
```
#e9d379 rgb(233,211,121)
```
#ecd98a
```
#ecd98a rgb(236,217,138)
```
#efde9b
```
#efde9b rgb(239,222,155)
```
#f2e4ac
```
#f2e4ac rgb(242,228,172)
```
#f4e9bd
```
#f4e9bd rgb(244,233,189)
```
#f7efce
```
#f7efce rgb(247,239,206)
```
#faf4df
```
#faf4df rgb(250,244,223)
```
#fcfaf0
```
#fcfaf0 rgb(252,250,240)
```

Tint Color Variation

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

#7a7973
```
#7a7973 rgb(122,121,115)
```
#837e6a
```
#837e6a rgb(131,126,106)
```
#8c8461
```
#8c8461 rgb(140,132,97)
```
#958958
```
#958958 rgb(149,137,88)
```
#9e8f4f
```
#9e8f4f rgb(158,143,79)
```
#a89445
```
#a89445 rgb(168,148,69)
```
#b19a3c
```
#b19a3c rgb(177,154,60)
```
#ba9f33
```
#ba9f33 rgb(186,159,51)
```
#c3a52a
```
#c3a52a rgb(195,165,42)
```
#ccaa21
```
#ccaa21 rgb(204,170,33)
```
#d5af18
```
#d5af18 rgb(213,175,24)
```
#deb50f
```
#deb50f rgb(222,181,15)
```
#e7ba06
```
#e7ba06 rgb(231,186,6)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#ada68b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12d Protanopia 1% of men
#dca830 Deuteranopia 1% of men
#d8a3ae Tritanopia 0.001% of the population

Trichromacy

#c8ae28 Protanomaly 1% of men, 0.01% of women
#d6a92a Deuteranomaly 6% of men, 0.4% of women
#d3a57b Tritanomaly 0.01% of the population

#ccaa21 hex color

#ccaa21 Color Information

#ccaa21 Color Conversion

Color Schemes with #ccaa21

Alternatives to #ccaa21

#ccaa21 Preview

Shades and Tints of #ccaa21

Tones of #ccaa21

Color Blindness Simulator