#ccaa44 hex color

In a RGB color space, hex #ccaa44 is composed of 80% red, 66.7% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 66.7% yellow and 20% black. It has a hue angle of 45 degrees, a saturation of 57.1% and a lightness of 53.3%. #ccaa44 color hex could be obtained by blending #ffff88 with #995500. Closest websafe color is: #cc9933.

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

● #ccaa44 color description : Moderate orange.

The hexadecimal color #ccaa44 has RGB values of R:204, G:170, B:68 and CMYK values of C:0, M:0.17, Y:0.67, K:0.2. Its decimal value is 13412932.

Hex triplet	ccaa44	`#ccaa44`
RGB Decimal	204, 170, 68	`rgb(204,170,68)`
RGB Percent	80, 66.7, 26.7	`rgb(80%,66.7%,26.7%)`
CMYK	0, 17, 67, 20
HSL	45°, 57.1, 53.3	`hsl(45,57.1%,53.3%)`
HSV (or HSB)	45°, 66.7, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.875, 1.231, 55.375
XYZ	40.32, 42.006, 11.453
xyY	0.43, 0.448, 42.006
CIE-LCH	70.875, 55.389, 88.726
CIE-LUV	70.875, 28.567, 62.733
Hunter-Lab	64.812, -2.373, 34.891
Binary	11001100, 10101010, 01000100

#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#4466cc
```
#4466cc rgb(68,102,204)
```

Complementary Color

#cc6644
```
#cc6644 rgb(204,102,68)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#aacc44
```
#aacc44 rgb(170,204,68)
```

Analogous Color

#6644cc
```
#6644cc rgb(102,68,204)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#44aacc
```
#44aacc rgb(68,170,204)
```

Split Complementary Color

#aa44cc
```
#aa44cc rgb(170,68,204)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#44ccaa
```
#44ccaa rgb(68,204,170)
```

Triadic Color

#cc4466
```
#cc4466 rgb(204,68,102)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#44ccaa
```
#44ccaa rgb(68,204,170)
```
#4466cc
```
#4466cc rgb(68,102,204)
```

Tetradic Color

#9a7e2a
```
#9a7e2a rgb(154,126,42)
```
#ae8e2f
```
#ae8e2f rgb(174,142,47)
```
#c29e35
```
#c29e35 rgb(194,158,53)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#d1b358
```
#d1b358 rgb(209,179,88)
```
#d7bc6c
```
#d7bc6c rgb(215,188,108)
```
#dcc580
```
#dcc580 rgb(220,197,128)
```

Monochromatic Color

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

#cc8844
```
#cc8844 rgb(204,136,68)
```
#cc9344
```
#cc9344 rgb(204,147,68)
```
#cc9f44
```
#cc9f44 rgb(204,159,68)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#ccb544
```
#ccb544 rgb(204,181,68)
```
#ccc144
```
#ccc144 rgb(204,193,68)
```
#cccc44
```
#cccc44 rgb(204,204,68)
```

Similar Colors

Text with hexadecimal color #ccaa44

This text has a font color of #ccaa44.

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

#ccaa44 background color

This paragraph has a background color of #ccaa44.

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

#ccaa44 border color

This element has a border color of #ccaa44.

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

CSS codes

.text {color:#ccaa44;}

.background {background-color:#ccaa44;}

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

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

#0d0b04
```
#0d0b04 rgb(13,11,4)
```
#1d1808
```
#1d1808 rgb(29,24,8)
```
#2c240c
```
#2c240c rgb(44,36,12)
```
#3c3110
```
#3c3110 rgb(60,49,16)
```
#4b3d14
```
#4b3d14 rgb(75,61,20)
```
#5a4a19
```
#5a4a19 rgb(90,74,25)
```
#6a571d
```
#6a571d rgb(106,87,29)
```
#796321
```
#796321 rgb(121,99,33)
```
#897025
```
#897025 rgb(137,112,37)
```
#987c29
```
#987c29 rgb(152,124,41)
```
#a7892e
```
#a7892e rgb(167,137,46)
```
#b79632
```
#b79632 rgb(183,150,50)
```
#c6a236
```
#c6a236 rgb(198,162,54)
```

Shade Color Variation

#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#d0b153
```
#d0b153 rgb(208,177,83)
```
#d4b863
```
#d4b863 rgb(212,184,99)
```
#d9bf72
```
#d9bf72 rgb(217,191,114)
```
#ddc682
```
#ddc682 rgb(221,198,130)
```
#e1cd91
```
#e1cd91 rgb(225,205,145)
```
#e5d4a0
```
#e5d4a0 rgb(229,212,160)
```
#e9dbb0
```
#e9dbb0 rgb(233,219,176)
```
#eee2bf
```
#eee2bf rgb(238,226,191)
```
#f2e9cf
```
#f2e9cf rgb(242,233,207)
```
#f6f0de
```
#f6f0de rgb(246,240,222)
```
#faf7ee
```
#faf7ee rgb(250,247,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8c8a84
```
#8c8a84 rgb(140,138,132)
```
#958f7b
```
#958f7b rgb(149,143,123)
```
#9e9372
```
#9e9372 rgb(158,147,114)
```
#a79869
```
#a79869 rgb(167,152,105)
```
#b19c5f
```
#b19c5f rgb(177,156,95)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#c3a54d
```
#c3a54d rgb(195,165,77)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#d5af3b
```
#d5af3b rgb(213,175,59)
```
#deb332
```
#deb332 rgb(222,179,50)
```
#e7b829
```
#e7b829 rgb(231,184,41)
```
#f1bc1f
```
#f1bc1f rgb(241,188,31)
```
#fac116
```
#fac116 rgb(250,193,22)
```

Tone Color Variation

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

#c4b14e Protanopia 1% of men
#daa94f Deuteranopia 1% of men
#d7a4af Tritanopia 0.001% of the population

Trichromacy

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

#ccaa44 hex color

#ccaa44 Color Information

#ccaa44 Color Conversion

Color Schemes with #ccaa44

Alternatives to #ccaa44

#ccaa44 Preview

Shades and Tints of #ccaa44

Tones of #ccaa44

Color Blindness Simulator