#ccab57 hex color

In a RGB color space, hex #ccab57 is composed of 80% red, 67.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 57.4% yellow and 20% black. It has a hue angle of 43.1 degrees, a saturation of 53.4% and a lightness of 57.1%. #ccab57 color hex could be obtained by blending #ffffae with #995700. Closest websafe color is: #cc9966.

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

● #ccab57 color description : Moderate orange.

The hexadecimal color #ccab57 has RGB values of R:204, G:171, B:87 and CMYK values of C:0, M:0.16, Y:0.57, K:0.2. Its decimal value is 13413207.

Hex triplet	ccab57	`#ccab57`
RGB Decimal	204, 171, 87	`rgb(204,171,87)`
RGB Percent	80, 67.1, 34.1	`rgb(80%,67.1%,34.1%)`
CMYK	0, 16, 57, 20
HSL	43.1°, 53.4, 57.1	`hsl(43.1,53.4%,57.1%)`
HSV (or HSB)	43.1°, 57.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.319, 1.986, 47.073
XYZ	41.185, 42.653, 15.08
xyY	0.416, 0.431, 42.653
CIE-LCH	71.319, 47.115, 87.584
CIE-LUV	71.319, 26.895, 55.869
Hunter-Lab	65.309, -1.725, 32.026
Binary	11001100, 10101011, 01010111

#ccab57
```
#ccab57 rgb(204,171,87)
```
#5778cc
```
#5778cc rgb(87,120,204)
```

Complementary Color

#cc7157
```
#cc7157 rgb(204,113,87)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#b3cc57
```
#b3cc57 rgb(179,204,87)
```

Analogous Color

#7157cc
```
#7157cc rgb(113,87,204)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#57b3cc
```
#57b3cc rgb(87,179,204)
```

Split Complementary Color

#ab57cc
```
#ab57cc rgb(171,87,204)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#57ccab
```
#57ccab rgb(87,204,171)
```

Triadic Color

#cc5778
```
#cc5778 rgb(204,87,120)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#57ccab
```
#57ccab rgb(87,204,171)
```
#5778cc
```
#5778cc rgb(87,120,204)
```

Tetradic Color

#a58432
```
#a58432 rgb(165,132,50)
```
#b89438
```
#b89438 rgb(184,148,56)
```
#c6a143
```
#c6a143 rgb(198,161,67)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#d2b56b
```
#d2b56b rgb(210,181,107)
```
#d8bf7e
```
#d8bf7e rgb(216,191,126)
```
#dec892
```
#dec892 rgb(222,200,146)
```

Monochromatic Color

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

#cc8e57
```
#cc8e57 rgb(204,142,87)
```
#cc9857
```
#cc9857 rgb(204,152,87)
```
#cca157
```
#cca157 rgb(204,161,87)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#ccb557
```
#ccb557 rgb(204,181,87)
```
#ccbf57
```
#ccbf57 rgb(204,191,87)
```
#ccc857
```
#ccc857 rgb(204,200,87)
```

Similar Colors

Text with hexadecimal color #ccab57

This text has a font color of #ccab57.

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

#ccab57 background color

This paragraph has a background color of #ccab57.

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

#ccab57 border color

This element has a border color of #ccab57.

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

CSS codes

.text {color:#ccab57;}

.background {background-color:#ccab57;}

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

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

#0d0a04
```
#0d0a04 rgb(13,10,4)
```
#1c1608
```
#1c1608 rgb(28,22,8)
```
#2b220d
```
#2b220d rgb(43,34,13)
```
#3a2e12
```
#3a2e12 rgb(58,46,18)
```
#493a16
```
#493a16 rgb(73,58,22)
```
#58471b
```
#58471b rgb(88,71,27)
```
#67531f
```
#67531f rgb(103,83,31)
```
#765f24
```
#765f24 rgb(118,95,36)
```
#856b28
```
#856b28 rgb(133,107,40)
```
#94772d
```
#94772d rgb(148,119,45)
```
#a38331
```
#a38331 rgb(163,131,49)
```
#b28f36
```
#b28f36 rgb(178,143,54)
```
#c19b3b
```
#c19b3b rgb(193,155,59)
```

Shade Color Variation

#c7a348
```
#c7a348 rgb(199,163,72)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#d1b366
```
#d1b366 rgb(209,179,102)
```
#d5ba75
```
#d5ba75 rgb(213,186,117)
```
#dac284
```
#dac284 rgb(218,194,132)
```
#dec993
```
#dec993 rgb(222,201,147)
```
#e3d1a2
```
#e3d1a2 rgb(227,209,162)
```
#e7d8b1
```
#e7d8b1 rgb(231,216,177)
```
#ece0c0
```
#ece0c0 rgb(236,224,192)
```
#f1e7cf
```
#f1e7cf rgb(241,231,207)
```
#f5efde
```
#f5efde rgb(245,239,222)
```
#faf6ed
```
#faf6ed rgb(250,246,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#99958a
```
#99958a rgb(153,149,138)
```
#a29981
```
#a29981 rgb(162,153,129)
```
#aa9c79
```
#aa9c79 rgb(170,156,121)
```
#b3a070
```
#b3a070 rgb(179,160,112)
```
#bba468
```
#bba468 rgb(187,164,104)
```
#c4a75f
```
#c4a75f rgb(196,167,95)
```
#ccab57
```
#ccab57 rgb(204,171,87)
```
#d4af4f
```
#d4af4f rgb(212,175,79)
```
#ddb246
```
#ddb246 rgb(221,178,70)
```
#e5b63e
```
#e5b63e rgb(229,182,62)
```
#eeba35
```
#eeba35 rgb(238,186,53)
```
#f6bd2d
```
#f6bd2d rgb(246,189,45)
```
#ffc124
```
#ffc124 rgb(255,193,36)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b2ab9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b260 Protanopia 1% of men
#d9aa61 Deuteranopia 1% of men
#d6a6b1 Tritanopia 0.001% of the population

Trichromacy

#c7b05d Protanomaly 1% of men, 0.01% of women
#d4aa5d Deuteranomaly 6% of men, 0.4% of women
#d2a790 Tritanomaly 0.01% of the population

#ccab57 hex color

#ccab57 Color Information

#ccab57 Color Conversion

Color Schemes with #ccab57

Alternatives to #ccab57

#ccab57 Preview

Shades and Tints of #ccab57

Tones of #ccab57

Color Blindness Simulator