#cca25a hex color

In a RGB color space, hex #cca25a is composed of 80% red, 63.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 55.9% yellow and 20% black. It has a hue angle of 37.9 degrees, a saturation of 52.8% and a lightness of 57.6%. #cca25a color hex could be obtained by blending #ffffb4 with #994500. Closest websafe color is: #cc9966.

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

● #cca25a color description : Moderate orange.

The hexadecimal color #cca25a has RGB values of R:204, G:162, B:90 and CMYK values of C:0, M:0.21, Y:0.56, K:0.2. Its decimal value is 13410906.

Hex triplet	cca25a	`#cca25a`
RGB Decimal	204, 162, 90	`rgb(204,162,90)`
RGB Percent	80, 63.5, 35.3	`rgb(80%,63.5%,35.3%)`
CMYK	0, 21, 56, 20
HSL	37.9°, 52.8, 57.6	`hsl(37.9,52.8%,57.6%)`
HSV (or HSB)	37.9°, 55.9, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.053, 7.047, 42.912
XYZ	39.668, 39.418, 15.191
xyY	0.421, 0.418, 39.418
CIE-LCH	69.053, 43.487, 80.674
CIE-LUV	69.053, 32.949, 50.326
Hunter-Lab	62.784, 2.908, 29.603
Binary	11001100, 10100010, 01011010

#cca25a
```
#cca25a rgb(204,162,90)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```

Complementary Color

#cc695a
```
#cc695a rgb(204,105,90)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#bdcc5a
```
#bdcc5a rgb(189,204,90)
```

Analogous Color

#695acc
```
#695acc rgb(105,90,204)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#5abdcc
```
#5abdcc rgb(90,189,204)
```

Split Complementary Color

#a25acc
```
#a25acc rgb(162,90,204)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#5acca2
```
#5acca2 rgb(90,204,162)
```

Triadic Color

#cc5a84
```
#cc5a84 rgb(204,90,132)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#5acca2
```
#5acca2 rgb(90,204,162)
```
#5a84cc
```
#5a84cc rgb(90,132,204)
```

Tetradic Color

#a67c33
```
#a67c33 rgb(166,124,51)
```
#ba8a39
```
#ba8a39 rgb(186,138,57)
```
#c69747
```
#c69747 rgb(198,151,71)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#d2ad6d
```
#d2ad6d rgb(210,173,109)
```
#d8b881
```
#d8b881 rgb(216,184,129)
```
#dec394
```
#dec394 rgb(222,195,148)
```

Monochromatic Color

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

#cc865a
```
#cc865a rgb(204,134,90)
```
#cc8f5a
```
#cc8f5a rgb(204,143,90)
```
#cc995a
```
#cc995a rgb(204,153,90)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#ccac5a
```
#ccac5a rgb(204,172,90)
```
#ccb55a
```
#ccb55a rgb(204,181,90)
```
#ccbf5a
```
#ccbf5a rgb(204,191,90)
```

Similar Colors

Text with hexadecimal color #cca25a

This text has a font color of #cca25a.

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

#cca25a background color

This paragraph has a background color of #cca25a.

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

#cca25a border color

This element has a border color of #cca25a.

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

CSS codes

.text {color:#cca25a;}

.background {background-color:#cca25a;}

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

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

#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1e1609
```
#1e1609 rgb(30,22,9)
```
#2d210e
```
#2d210e rgb(45,33,14)
```
#3c2d12
```
#3c2d12 rgb(60,45,18)
```
#4b3817
```
#4b3817 rgb(75,56,23)
```
#5a431c
```
#5a431c rgb(90,67,28)
```
#694e20
```
#694e20 rgb(105,78,32)
```
#785925
```
#785925 rgb(120,89,37)
```
#87642a
```
#87642a rgb(135,100,42)
```
#96702e
```
#96702e rgb(150,112,46)
```
#a57b33
```
#a57b33 rgb(165,123,51)
```
#b48638
```
#b48638 rgb(180,134,56)
```
#c3913c
```
#c3913c rgb(195,145,60)
```

Shade Color Variation

#c79a4b
```
#c79a4b rgb(199,154,75)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#d1aa69
```
#d1aa69 rgb(209,170,105)
```
#d5b378
```
#d5b378 rgb(213,179,120)
```
#dabb87
```
#dabb87 rgb(218,187,135)
```
#dfc496
```
#dfc496 rgb(223,196,150)
```
#e3cca5
```
#e3cca5 rgb(227,204,165)
```
#e8d5b4
```
#e8d5b4 rgb(232,213,180)
```
#ecddc3
```
#ecddc3 rgb(236,221,195)
```
#f1e6d2
```
#f1e6d2 rgb(241,230,210)
```
#f6eee1
```
#f6eee1 rgb(246,238,225)
```
#faf6f0
```
#faf6f0 rgb(250,246,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a958c
```
#9a958c rgb(154,149,140)
```
#a29784
```
#a29784 rgb(162,151,132)
```
#ab997b
```
#ab997b rgb(171,153,123)
```
#b39b73
```
#b39b73 rgb(179,155,115)
```
#bb9e6b
```
#bb9e6b rgb(187,158,107)
```
#c4a062
```
#c4a062 rgb(196,160,98)
```
#cca25a
```
#cca25a rgb(204,162,90)
```
#d4a452
```
#d4a452 rgb(212,164,82)
```
#dda649
```
#dda649 rgb(221,166,73)
```
#e5a941
```
#e5a941 rgb(229,169,65)
```
#edab39
```
#edab39 rgb(237,171,57)
```
#f6ad30
```
#f6ad30 rgb(246,173,48)
```
#feaf28
```
#feaf28 rgb(254,175,40)
```

Tone Color Variation

Below, you can see how #cca25a 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
#aea597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdad64 Protanopia 1% of men
#d1a563 Deuteranopia 1% of men
#d59ea9 Tritanopia 0.001% of the population

Trichromacy

#c2a960 Protanomaly 1% of men, 0.01% of women
#cfa45f Deuteranomaly 6% of men, 0.4% of women
#d19f8c Tritanomaly 0.01% of the population

#cca25a hex color

#cca25a Color Information

#cca25a Color Conversion

Color Schemes with #cca25a

Alternatives to #cca25a

#cca25a Preview

Shades and Tints of #cca25a

Tones of #cca25a

Color Blindness Simulator