colorhexa.com

#ccab70 hex color

In a RGB color space, hex #ccab70 is composed of 80% red, 67.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 45.1% yellow and 20% black. It has a hue angle of 38.5 degrees, a saturation of 47.4% and a lightness of 62%. #ccab70 color hex could be obtained by blending #ffffe0 with #995700. Closest websafe color is: #cc9966.

- R 80
- G 67
- B 44
RGB color chart
- C 0
- M 16
- Y 45
- K 20
CMYK color chart

● #ccab70 color description : Slightly desaturated orange.

The hexadecimal color #ccab70 has RGB values of R:204, G:171, B:112 and CMYK values of C:0, M:0.16, Y:0.45, K:0.2. Its decimal value is 13413232.

Hex triplet	ccab70	`#ccab70`
RGB Decimal	204, 171, 112	`rgb(204,171,112)`
RGB Percent	80, 67.1, 43.9	`rgb(80%,67.1%,43.9%)`
CMYK	0, 16, 45, 20
HSL	38.5°, 47.4, 62	`hsl(38.5,47.4%,62%)`
HSV (or HSB)	38.5°, 45.1, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.646, 4.226, 34.793
XYZ	42.389, 43.134, 21.421
xyY	0.396, 0.403, 43.134
CIE-LCH	71.646, 35.049, 83.074
CIE-LUV	71.646, 25.274, 43.549
Hunter-Lab	65.677, 0.274, 26.636
Binary	11001100, 10101011, 01110000

#ccab70
```
#ccab70 rgb(204,171,112)
```
#7091cc
```
#7091cc rgb(112,145,204)
```

Complementary Color

#cc7d70
```
#cc7d70 rgb(204,125,112)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#bfcc70
```
#bfcc70 rgb(191,204,112)
```

Analogous Color

#7d70cc
```
#7d70cc rgb(125,112,204)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#70bfcc
```
#70bfcc rgb(112,191,204)
```

Split Complementary Color

#ab70cc
```
#ab70cc rgb(171,112,204)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#70ccab
```
#70ccab rgb(112,204,171)
```

Triadic Color

#cc7091
```
#cc7091 rgb(204,112,145)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#70ccab
```
#70ccab rgb(112,204,171)
```
#7091cc
```
#7091cc rgb(112,145,204)
```

Tetradic Color

#b1883f
```
#b1883f rgb(177,136,63)
```
#bf954a
```
#bf954a rgb(191,149,74)
```
#c5a05d
```
#c5a05d rgb(197,160,93)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#d3b683
```
#d3b683 rgb(211,182,131)
```
#d9c196
```
#d9c196 rgb(217,193,150)
```
#e0cca8
```
#e0cca8 rgb(224,204,168)
```

Monochromatic Color

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

#cc9470
```
#cc9470 rgb(204,148,112)
```
#cc9c70
```
#cc9c70 rgb(204,156,112)
```
#cca370
```
#cca370 rgb(204,163,112)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#ccb370
```
#ccb370 rgb(204,179,112)
```
#ccba70
```
#ccba70 rgb(204,186,112)
```
#ccc270
```
#ccc270 rgb(204,194,112)
```

Similar Colors

Text with hexadecimal color #ccab70

This text has a font color of #ccab70.

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

#ccab70 background color

This paragraph has a background color of #ccab70.

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

#ccab70 border color

This element has a border color of #ccab70.

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

CSS codes

.text {color:#ccab70;}

.background {background-color:#ccab70;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100c06
```
#100c06 rgb(16,12,6)
```
#1f170b
```
#1f170b rgb(31,23,11)
```
#2d2310
```
#2d2310 rgb(45,35,16)
```
#3b2e15
```
#3b2e15 rgb(59,46,21)
```
#4a391a
```
#4a391a rgb(74,57,26)
```
#584420
```
#584420 rgb(88,68,32)
```
#674f25
```
#674f25 rgb(103,79,37)
```
#755a2a
```
#755a2a rgb(117,90,42)
```
#84652f
```
#84652f rgb(132,101,47)
```
#927034
```
#927034 rgb(146,112,52)
```
#a17c39
```
#a17c39 rgb(161,124,57)
```
#af873e
```
#af873e rgb(175,135,62)
```

Shade Color Variation

#bd9245
```
#bd9245 rgb(189,146,69)
```
#c29a53
```
#c29a53 rgb(194,154,83)
```
#c7a362
```
#c7a362 rgb(199,163,98)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#d1b37e
```
#d1b37e rgb(209,179,126)
```
#d6bc8d
```
#d6bc8d rgb(214,188,141)
```
#dbc49b
```
#dbc49b rgb(219,196,155)
```
#e1cdaa
```
#e1cdaa rgb(225,205,170)
```
#e6d5b8
```
#e6d5b8 rgb(230,213,184)
```
#ebdec7
```
#ebdec7 rgb(235,222,199)
```
#f0e6d5
```
#f0e6d5 rgb(240,230,213)
```
#f5efe4
```
#f5efe4 rgb(245,239,228)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#9f9e9d
```
#9f9e9d rgb(159,158,157)
```
#a7a095
```
#a7a095 rgb(167,160,149)
```
#aea38e
```
#aea38e rgb(174,163,142)
```
#b6a586
```
#b6a586 rgb(182,165,134)
```
#bda77f
```
#bda77f rgb(189,167,127)
```
#c5a977
```
#c5a977 rgb(197,169,119)
```
#ccab70
```
#ccab70 rgb(204,171,112)
```
#d3ad69
```
#d3ad69 rgb(211,173,105)
```
#dbaf61
```
#dbaf61 rgb(219,175,97)
```
#e2b15a
```
#e2b15a rgb(226,177,90)
```
#eab352
```
#eab352 rgb(234,179,82)
```
#f1b64b
```
#f1b64b rgb(241,182,75)
```
#f9b843
```
#f9b843 rgb(249,184,67)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4ada2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b379 Protanopia 1% of men
#d6ac78 Deuteranopia 1% of men
#d5a7b3 Tritanopia 0.001% of the population

Trichromacy

#c5b075 Protanomaly 1% of men, 0.01% of women
#d2ab75 Deuteranomaly 6% of men, 0.4% of women
#d1a89a Tritanomaly 0.01% of the population