#ccab49 hex color

In a RGB color space, hex #ccab49 is composed of 80% red, 67.1% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 64.2% yellow and 20% black. It has a hue angle of 44.9 degrees, a saturation of 56.2% and a lightness of 54.3%. #ccab49 color hex could be obtained by blending #ffff92 with #995700. Closest websafe color is: #cc9933.

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

● #ccab49 color description : Moderate orange.

The hexadecimal color #ccab49 has RGB values of R:204, G:171, B:73 and CMYK values of C:0, M:0.16, Y:0.64, K:0.2. Its decimal value is 13413193.

Hex triplet	ccab49	`#ccab49`
RGB Decimal	204, 171, 73	`rgb(204,171,73)`
RGB Percent	80, 67.1, 28.6	`rgb(80%,67.1%,28.6%)`
CMYK	0, 16, 64, 20
HSL	44.9°, 56.2, 54.3	`hsl(44.9,56.2%,54.3%)`
HSV (or HSB)	44.9°, 64.2, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.177, 1.004, 53.483
XYZ	40.668, 42.446, 12.354
xyY	0.426, 0.445, 42.446
CIE-LCH	71.177, 53.492, 88.925
CIE-LUV	71.177, 27.627, 61.425
Hunter-Lab	65.15, -2.591, 34.363
Binary	11001100, 10101011, 01001001

#ccab49
```
#ccab49 rgb(204,171,73)
```
#496acc
```
#496acc rgb(73,106,204)
```

Complementary Color

#cc6a49
```
#cc6a49 rgb(204,106,73)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#accc49
```
#accc49 rgb(172,204,73)
```

Analogous Color

#6a49cc
```
#6a49cc rgb(106,73,204)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#49accc
```
#49accc rgb(73,172,204)
```

Split Complementary Color

#ab49cc
```
#ab49cc rgb(171,73,204)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#49ccab
```
#49ccab rgb(73,204,171)
```

Triadic Color

#cc496a
```
#cc496a rgb(204,73,106)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#49ccab
```
#49ccab rgb(73,204,171)
```
#496acc
```
#496acc rgb(73,106,204)
```

Tetradic Color

#9d802c
```
#9d802c rgb(157,128,44)
```
#b19131
```
#b19131 rgb(177,145,49)
```
#c4a137
```
#c4a137 rgb(196,161,55)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#d2b45d
```
#d2b45d rgb(210,180,93)
```
#d7bd71
```
#d7bd71 rgb(215,189,113)
```
#ddc785
```
#ddc785 rgb(221,199,133)
```

Monochromatic Color

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

#cc8a49
```
#cc8a49 rgb(204,138,73)
```
#cc9549
```
#cc9549 rgb(204,149,73)
```
#cca049
```
#cca049 rgb(204,160,73)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#ccb649
```
#ccb649 rgb(204,182,73)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#cccc49
```
#cccc49 rgb(204,204,73)
```

Similar Colors

Text with hexadecimal color #ccab49

This text has a font color of #ccab49.

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

#ccab49 background color

This paragraph has a background color of #ccab49.

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

#ccab49 border color

This element has a border color of #ccab49.

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

CSS codes

.text {color:#ccab49;}

.background {background-color:#ccab49;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#110e05
```
#110e05 rgb(17,14,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#30270d
```
#30270d rgb(48,39,13)
```
#3f3412
```
#3f3412 rgb(63,52,18)
```
#4e4016
```
#4e4016 rgb(78,64,22)
```
#5e4d1a
```
#5e4d1a rgb(94,77,26)
```
#6d591f
```
#6d591f rgb(109,89,31)
```
#7c6623
```
#7c6623 rgb(124,102,35)
```
#8c7227
```
#8c7227 rgb(140,114,39)
```
#9b7f2b
```
#9b7f2b rgb(155,127,43)
```
#aa8c30
```
#aa8c30 rgb(170,140,48)
```
#ba9834
```
#ba9834 rgb(186,152,52)
```

Shade Color Variation

#c8a43a
```
#c8a43a rgb(200,164,58)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#d0b258
```
#d0b258 rgb(208,178,88)
```
#d5b968
```
#d5b968 rgb(213,185,104)
```
#d9c077
```
#d9c077 rgb(217,192,119)
```
#ddc786
```
#ddc786 rgb(221,199,134)
```
#e1ce96
```
#e1ce96 rgb(225,206,150)
```
#e6d5a5
```
#e6d5a5 rgb(230,213,165)
```
#eaddb4
```
#eaddb4 rgb(234,221,180)
```
#eee4c4
```
#eee4c4 rgb(238,228,196)
```
#f3ebd3
```
#f3ebd3 rgb(243,235,211)
```
#f7f2e2
```
#f7f2e2 rgb(247,242,226)
```
#fbf9f2
```
#fbf9f2 rgb(251,249,242)
```

Tint Color Variation

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

#8d8c88
```
#8d8c88 rgb(141,140,136)
```
#96907f
```
#96907f rgb(150,144,127)
```
#9f9576
```
#9f9576 rgb(159,149,118)
```
#a8996d
```
#a8996d rgb(168,153,109)
```
#b19e64
```
#b19e64 rgb(177,158,100)
```
#baa25b
```
#baa25b rgb(186,162,91)
```
#c3a752
```
#c3a752 rgb(195,167,82)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#d5af40
```
#d5af40 rgb(213,175,64)
```
#deb437
```
#deb437 rgb(222,180,55)
```
#e7b82e
```
#e7b82e rgb(231,184,46)
```
#f0bd25
```
#f0bd25 rgb(240,189,37)
```
#f9c11c
```
#f9c11c rgb(249,193,28)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b1aa97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b253 Protanopia 1% of men
#dbaa54 Deuteranopia 1% of men
#d7a5b0 Tritanopia 0.001% of the population

Trichromacy

#c7af4f Protanomaly 1% of men, 0.01% of women
#d5aa50 Deuteranomaly 6% of men, 0.4% of women
#d3a78b Tritanomaly 0.01% of the population

#ccab49 hex color

#ccab49 Color Information

#ccab49 Color Conversion

Color Schemes with #ccab49

Alternatives to #ccab49

#ccab49 Preview

Shades and Tints of #ccab49

Tones of #ccab49

Color Blindness Simulator