#ccaa45 hex color

In a RGB color space, hex #ccaa45 is composed of 80% red, 66.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 66.2% yellow and 20% black. It has a hue angle of 44.9 degrees, a saturation of 57% and a lightness of 53.5%. #ccaa45 color hex could be obtained by blending #ffff8a with #995500. Closest websafe color is: #cc9933.

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

● #ccaa45 color description : Moderate orange.

The hexadecimal color #ccaa45 has RGB values of R:204, G:170, B:69 and CMYK values of C:0, M:0.17, Y:0.66, K:0.2. Its decimal value is 13412933.

Hex triplet	ccaa45	`#ccaa45`
RGB Decimal	204, 170, 69	`rgb(204,170,69)`
RGB Percent	80, 66.7, 27.1	`rgb(80%,66.7%,27.1%)`
CMYK	0, 17, 66, 20
HSL	44.9°, 57, 53.5	`hsl(44.9,57%,53.5%)`
HSV (or HSB)	44.9°, 66.2, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.883, 1.29, 54.947
XYZ	40.351, 42.018, 11.615
xyY	0.429, 0.447, 42.018
CIE-LCH	70.883, 54.962, 88.655
CIE-LUV	70.883, 28.521, 62.393
Hunter-Lab	64.821, -2.322, 34.751
Binary	11001100, 10101010, 01000101

#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#4567cc
```
#4567cc rgb(69,103,204)
```

Complementary Color

#cc6745
```
#cc6745 rgb(204,103,69)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#abcc45
```
#abcc45 rgb(171,204,69)
```

Analogous Color

#6745cc
```
#6745cc rgb(103,69,204)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#45abcc
```
#45abcc rgb(69,171,204)
```

Split Complementary Color

#aa45cc
```
#aa45cc rgb(170,69,204)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#45ccaa
```
#45ccaa rgb(69,204,170)
```

Triadic Color

#cc4567
```
#cc4567 rgb(204,69,103)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#45ccaa
```
#45ccaa rgb(69,204,170)
```
#4567cc
```
#4567cc rgb(69,103,204)
```

Tetradic Color

#9a7e2a
```
#9a7e2a rgb(154,126,42)
```
#ae8e30
```
#ae8e30 rgb(174,142,48)
```
#c29f35
```
#c29f35 rgb(194,159,53)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#d1b359
```
#d1b359 rgb(209,179,89)
```
#d7bc6d
```
#d7bc6d rgb(215,188,109)
```
#dcc581
```
#dcc581 rgb(220,197,129)
```

Monochromatic Color

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

#cc8845
```
#cc8845 rgb(204,136,69)
```
#cc9445
```
#cc9445 rgb(204,148,69)
```
#cc9f45
```
#cc9f45 rgb(204,159,69)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#ccb545
```
#ccb545 rgb(204,181,69)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#cccc45
```
#cccc45 rgb(204,204,69)
```

Similar Colors

Text with hexadecimal color #ccaa45

This text has a font color of #ccaa45.

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

#ccaa45 background color

This paragraph has a background color of #ccaa45.

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

#ccaa45 border color

This element has a border color of #ccaa45.

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

CSS codes

.text {color:#ccaa45;}

.background {background-color:#ccaa45;}

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

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

#0e0c04
```
#0e0c04 rgb(14,12,4)
```
#1e1808
```
#1e1808 rgb(30,24,8)
```
#2d250c
```
#2d250c rgb(45,37,12)
```
#3c3111
```
#3c3111 rgb(60,49,17)
```
#4c3e15
```
#4c3e15 rgb(76,62,21)
```
#5b4a19
```
#5b4a19 rgb(91,74,25)
```
#6a571d
```
#6a571d rgb(106,87,29)
```
#7a6421
```
#7a6421 rgb(122,100,33)
```
#897026
```
#897026 rgb(137,112,38)
```
#997d2a
```
#997d2a rgb(153,125,42)
```
#a8892e
```
#a8892e rgb(168,137,46)
```
#b79632
```
#b79632 rgb(183,150,50)
```
#c7a337
```
#c7a337 rgb(199,163,55)
```

Shade Color Variation

#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#d0b154
```
#d0b154 rgb(208,177,84)
```
#d4b864
```
#d4b864 rgb(212,184,100)
```
#d9bf73
```
#d9bf73 rgb(217,191,115)
```
#ddc683
```
#ddc683 rgb(221,198,131)
```
#e1cd92
```
#e1cd92 rgb(225,205,146)
```
#e5d4a1
```
#e5d4a1 rgb(229,212,161)
```
#eadbb1
```
#eadbb1 rgb(234,219,177)
```
#eee2c0
```
#eee2c0 rgb(238,226,192)
```
#f2e9d0
```
#f2e9d0 rgb(242,233,208)
```
#f6f0df
```
#f6f0df rgb(246,240,223)
```
#faf7ee
```
#faf7ee rgb(250,247,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8c8a85
```
#8c8a85 rgb(140,138,133)
```
#958f7c
```
#958f7c rgb(149,143,124)
```
#9e9373
```
#9e9373 rgb(158,147,115)
```
#a89869
```
#a89869 rgb(168,152,105)
```
#b19c60
```
#b19c60 rgb(177,156,96)
```
#baa157
```
#baa157 rgb(186,161,87)
```
#c3a54e
```
#c3a54e rgb(195,165,78)
```
#ccaa45
```
#ccaa45 rgb(204,170,69)
```
#d5af3c
```
#d5af3c rgb(213,175,60)
```
#deb333
```
#deb333 rgb(222,179,51)
```
#e7b82a
```
#e7b82a rgb(231,184,42)
```
#f0bc21
```
#f0bc21 rgb(240,188,33)
```
#fac117
```
#fac117 rgb(250,193,23)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0a995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b14f Protanopia 1% of men
#daa950 Deuteranopia 1% of men
#d7a4af Tritanopia 0.001% of the population

Trichromacy

#c7af4b Protanomaly 1% of men, 0.01% of women
#d5a94c Deuteranomaly 6% of men, 0.4% of women
#d3a688 Tritanomaly 0.01% of the population

#ccaa45 hex color

#ccaa45 Color Information

#ccaa45 Color Conversion

Color Schemes with #ccaa45

Alternatives to #ccaa45

#ccaa45 Preview

Shades and Tints of #ccaa45

Tones of #ccaa45

Color Blindness Simulator