#cca257 hex color

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

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

● #cca257 color description : Moderate orange.

The hexadecimal color #cca257 has RGB values of R:204, G:162, B:87 and CMYK values of C:0, M:0.21, Y:0.57, K:0.2. Its decimal value is 13410903.

Hex triplet	cca257	`#cca257`
RGB Decimal	204, 162, 87	`rgb(204,162,87)`
RGB Percent	80, 63.5, 34.1	`rgb(80%,63.5%,34.1%)`
CMYK	0, 21, 57, 20
HSL	38.5°, 53.4, 57.1	`hsl(38.5,53.4%,57.1%)`
HSV (or HSB)	38.5°, 57.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.017, 6.809, 44.372
XYZ	39.543, 39.368, 14.532
xyY	0.423, 0.421, 39.368
CIE-LCH	69.017, 44.892, 81.276
CIE-LUV	69.017, 33.157, 51.693
Hunter-Lab	62.744, 2.694, 30.188
Binary	11001100, 10100010, 01010111

#cca257
```
#cca257 rgb(204,162,87)
```
#5781cc
```
#5781cc rgb(87,129,204)
```

Complementary Color

#cc6857
```
#cc6857 rgb(204,104,87)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#bccc57
```
#bccc57 rgb(188,204,87)
```

Analogous Color

#6857cc
```
#6857cc rgb(104,87,204)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#57bccc
```
#57bccc rgb(87,188,204)
```

Split Complementary Color

#a257cc
```
#a257cc rgb(162,87,204)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#57cca2
```
#57cca2 rgb(87,204,162)
```

Triadic Color

#cc5781
```
#cc5781 rgb(204,87,129)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#57cca2
```
#57cca2 rgb(87,204,162)
```
#5781cc
```
#5781cc rgb(87,129,204)
```

Tetradic Color

#a57b32
```
#a57b32 rgb(165,123,50)
```
#b88a38
```
#b88a38 rgb(184,138,56)
```
#c69743
```
#c69743 rgb(198,151,67)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#d2ad6b
```
#d2ad6b rgb(210,173,107)
```
#d8b87e
```
#d8b87e rgb(216,184,126)
```
#dec292
```
#dec292 rgb(222,194,146)
```

Monochromatic Color

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

#cc8557
```
#cc8557 rgb(204,133,87)
```
#cc8f57
```
#cc8f57 rgb(204,143,87)
```
#cc9857
```
#cc9857 rgb(204,152,87)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#ccac57
```
#ccac57 rgb(204,172,87)
```
#ccb657
```
#ccb657 rgb(204,182,87)
```
#ccbf57
```
#ccbf57 rgb(204,191,87)
```

Similar Colors

Text with hexadecimal color #cca257

This text has a font color of #cca257.

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

#cca257 background color

This paragraph has a background color of #cca257.

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

#cca257 border color

This element has a border color of #cca257.

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

CSS codes

.text {color:#cca257;}

.background {background-color:#cca257;}

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

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

#0d0904
```
#0d0904 rgb(13,9,4)
```
#1c1508
```
#1c1508 rgb(28,21,8)
```
#2b200d
```
#2b200d rgb(43,32,13)
```
#3a2b12
```
#3a2b12 rgb(58,43,18)
```
#493716
```
#493716 rgb(73,55,22)
```
#58421b
```
#58421b rgb(88,66,27)
```
#674d1f
```
#674d1f rgb(103,77,31)
```
#765824
```
#765824 rgb(118,88,36)
```
#856428
```
#856428 rgb(133,100,40)
```
#946f2d
```
#946f2d rgb(148,111,45)
```
#a37a31
```
#a37a31 rgb(163,122,49)
```
#b28636
```
#b28636 rgb(178,134,54)
```
#c1913b
```
#c1913b rgb(193,145,59)
```

Shade Color Variation

#c79a48
```
#c79a48 rgb(199,154,72)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#d1aa66
```
#d1aa66 rgb(209,170,102)
```
#d5b375
```
#d5b375 rgb(213,179,117)
```
#dabb84
```
#dabb84 rgb(218,187,132)
```
#dec393
```
#dec393 rgb(222,195,147)
```
#e3cca2
```
#e3cca2 rgb(227,204,162)
```
#e7d4b1
```
#e7d4b1 rgb(231,212,177)
```
#ecdcc0
```
#ecdcc0 rgb(236,220,192)
```
#f1e5cf
```
#f1e5cf rgb(241,229,207)
```
#f5edde
```
#f5edde rgb(245,237,222)
```
#faf5ed
```
#faf5ed rgb(250,245,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#99948a
```
#99948a rgb(153,148,138)
```
#a29681
```
#a29681 rgb(162,150,129)
```
#aa9879
```
#aa9879 rgb(170,152,121)
```
#b39b70
```
#b39b70 rgb(179,155,112)
```
#bb9d68
```
#bb9d68 rgb(187,157,104)
```
#c4a05f
```
#c4a05f rgb(196,160,95)
```
#cca257
```
#cca257 rgb(204,162,87)
```
#d4a44f
```
#d4a44f rgb(212,164,79)
```
#dda746
```
#dda746 rgb(221,167,70)
```
#e5a93e
```
#e5a93e rgb(229,169,62)
```
#eeac35
```
#eeac35 rgb(238,172,53)
```
#f6ae2d
```
#f6ae2d rgb(246,174,45)
```
#ffb024
```
#ffb024 rgb(255,176,36)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aea596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdad61 Protanopia 1% of men
#d2a560 Deuteranopia 1% of men
#d59ea9 Tritanopia 0.001% of the population

Trichromacy

#c2a95d Protanomaly 1% of men, 0.01% of women
#cfa45c Deuteranomaly 6% of men, 0.4% of women
#d29f8b Tritanomaly 0.01% of the population

#cca257 hex color

#cca257 Color Information

#cca257 Color Conversion

Color Schemes with #cca257

Alternatives to #cca257

#cca257 Preview

Shades and Tints of #cca257

Tones of #cca257

Color Blindness Simulator