#cca54b hex color

In a RGB color space, hex #cca54b is composed of 80% red, 64.7% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.1% magenta, 63.2% yellow and 20% black. It has a hue angle of 41.9 degrees, a saturation of 55.8% and a lightness of 54.7%. #cca54b color hex could be obtained by blending #ffff96 with #994b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 65
- B 29
RGB color chart
- C 0
- M 19
- Y 63
- K 20
CMYK color chart

● #cca54b color description : Moderate orange.

The hexadecimal color #cca54b has RGB values of R:204, G:165, B:75 and CMYK values of C:0, M:0.19, Y:0.63, K:0.2. Its decimal value is 13411659.

Hex triplet	cca54b	`#cca54b`
RGB Decimal	204, 165, 75	`rgb(204,165,75)`
RGB Percent	80, 64.7, 29.4	`rgb(80%,64.7%,29.4%)`
CMYK	0, 19, 63, 20
HSL	41.9°, 55.8, 54.7	`hsl(41.9,55.8%,54.7%)`
HSV (or HSB)	41.9°, 63.2, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.652, 4.336, 50.891
XYZ	39.627, 40.257, 12.339
xyY	0.43, 0.437, 40.257
CIE-LCH	69.652, 51.076, 85.13
CIE-LUV	69.652, 31.773, 58.028
Hunter-Lab	63.449, 0.448, 32.883
Binary	11001100, 10100101, 01001011

#cca54b
```
#cca54b rgb(204,165,75)
```
#4b72cc
```
#4b72cc rgb(75,114,204)
```

Complementary Color

#cc654b
```
#cc654b rgb(204,101,75)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#b3cc4b
```
#b3cc4b rgb(179,204,75)
```

Analogous Color

#654bcc
```
#654bcc rgb(101,75,204)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#4bb3cc
```
#4bb3cc rgb(75,179,204)
```

Split Complementary Color

#a54bcc
```
#a54bcc rgb(165,75,204)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#4bcca5
```
#4bcca5 rgb(75,204,165)
```

Triadic Color

#cc4b72
```
#cc4b72 rgb(204,75,114)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#4bcca5
```
#4bcca5 rgb(75,204,165)
```
#4b72cc
```
#4b72cc rgb(75,114,204)
```

Tetradic Color

#9e7c2d
```
#9e7c2d rgb(158,124,45)
```
#b28b32
```
#b28b32 rgb(178,139,50)
```
#c69b38
```
#c69b38 rgb(198,155,56)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#d2af5f
```
#d2af5f rgb(210,175,95)
```
#d7b973
```
#d7b973 rgb(215,185,115)
```
#ddc387
```
#ddc387 rgb(221,195,135)
```

Monochromatic Color

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

#cc854b
```
#cc854b rgb(204,133,75)
```
#cc904b
```
#cc904b rgb(204,144,75)
```
#cc9a4b
```
#cc9a4b rgb(204,154,75)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#ccb04b
```
#ccb04b rgb(204,176,75)
```
#ccbb4b
```
#ccbb4b rgb(204,187,75)
```
#ccc54b
```
#ccc54b rgb(204,197,75)
```

Similar Colors

Text with hexadecimal color #cca54b

This text has a font color of #cca54b.

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

#cca54b background color

This paragraph has a background color of #cca54b.

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

#cca54b border color

This element has a border color of #cca54b.

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

CSS codes

.text {color:#cca54b;}

.background {background-color:#cca54b;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#130f05
```
#130f05 rgb(19,15,5)
```
#221b0a
```
#221b0a rgb(34,27,10)
```
#31270e
```
#31270e rgb(49,39,14)
```
#413312
```
#413312 rgb(65,51,18)
```
#503f17
```
#503f17 rgb(80,63,23)
```
#5f4b1b
```
#5f4b1b rgb(95,75,27)
```
#6e561f
```
#6e561f rgb(110,86,31)
```
#7e6224
```
#7e6224 rgb(126,98,36)
```
#8d6e28
```
#8d6e28 rgb(141,110,40)
```
#9c7a2c
```
#9c7a2c rgb(156,122,44)
```
#ac8631
```
#ac8631 rgb(172,134,49)
```
#bb9235
```
#bb9235 rgb(187,146,53)
```

Shade Color Variation

#c89d3c
```
#c89d3c rgb(200,157,60)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#d0ad5a
```
#d0ad5a rgb(208,173,90)
```
#d5b46a
```
#d5b46a rgb(213,180,106)
```
#d9bc79
```
#d9bc79 rgb(217,188,121)
```
#ddc488
```
#ddc488 rgb(221,196,136)
```
#e2cb97
```
#e2cb97 rgb(226,203,151)
```
#e6d3a7
```
#e6d3a7 rgb(230,211,167)
```
#eadab6
```
#eadab6 rgb(234,218,182)
```
#efe2c5
```
#efe2c5 rgb(239,226,197)
```
#f3ead5
```
#f3ead5 rgb(243,234,213)
```
#f7f1e4
```
#f7f1e4 rgb(247,241,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#8e8c89
```
#8e8c89 rgb(142,140,137)
```
#979080
```
#979080 rgb(151,144,128)
```
#a09377
```
#a09377 rgb(160,147,119)
```
#a8976f
```
#a8976f rgb(168,151,111)
```
#b19a66
```
#b19a66 rgb(177,154,102)
```
#ba9e5d
```
#ba9e5d rgb(186,158,93)
```
#c3a154
```
#c3a154 rgb(195,161,84)
```
#cca54b
```
#cca54b rgb(204,165,75)
```
#d5a942
```
#d5a942 rgb(213,169,66)
```
#deac39
```
#deac39 rgb(222,172,57)
```
#e7b030
```
#e7b030 rgb(231,176,48)
```
#f0b327
```
#f0b327 rgb(240,179,39)
```
#f8b71f
```
#f8b71f rgb(248,183,31)
```

Tone Color Variation

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

Dichromacy

#c0ae55 Protanopia 1% of men
#d5a655 Deuteranopia 1% of men
#d6a0ab Tritanopia 0.001% of the population

Trichromacy

#c4ab51 Protanomaly 1% of men, 0.01% of women
#d2a651 Deuteranomaly 6% of men, 0.4% of women
#d2a188 Tritanomaly 0.01% of the population

#cca54b hex color

#cca54b Color Information

#cca54b Color Conversion

Color Schemes with #cca54b

Alternatives to #cca54b

#cca54b Preview

Shades and Tints of #cca54b

Tones of #cca54b

Color Blindness Simulator