#cca450 hex color

In a RGB color space, hex #cca450 is composed of 80% red, 64.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 60.8% yellow and 20% black. It has a hue angle of 40.6 degrees, a saturation of 54.9% and a lightness of 55.7%. #cca450 color hex could be obtained by blending #ffffa0 with #994900. Closest websafe color is: #cc9966.

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

● #cca450 color description : Moderate orange.

The hexadecimal color #cca450 has RGB values of R:204, G:164, B:80 and CMYK values of C:0, M:0.2, Y:0.61, K:0.2. Its decimal value is 13411408.

Hex triplet	cca450	`#cca450`
RGB Decimal	204, 164, 80	`rgb(204,164,80)`
RGB Percent	80, 64.3, 31.4	`rgb(80%,64.3%,31.4%)`
CMYK	0, 20, 61, 20
HSL	40.6°, 54.9, 55.7	`hsl(40.6,54.9%,55.7%)`
HSV (or HSB)	40.6°, 60.8, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.448, 5.213, 48.297
XYZ	39.626, 39.969, 13.217
xyY	0.427, 0.431, 39.969
CIE-LCH	69.448, 48.578, 83.839
CIE-LUV	69.448, 32.194, 55.607
Hunter-Lab	63.221, 1.243, 31.86
Binary	11001100, 10100100, 01010000

#cca450
```
#cca450 rgb(204,164,80)
```
#5078cc
```
#5078cc rgb(80,120,204)
```

Complementary Color

#cc6650
```
#cc6650 rgb(204,102,80)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#b6cc50
```
#b6cc50 rgb(182,204,80)
```

Analogous Color

#6650cc
```
#6650cc rgb(102,80,204)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#50b6cc
```
#50b6cc rgb(80,182,204)
```

Split Complementary Color

#a450cc
```
#a450cc rgb(164,80,204)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#50cca4
```
#50cca4 rgb(80,204,164)
```

Triadic Color

#cc5078
```
#cc5078 rgb(204,80,120)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#50cca4
```
#50cca4 rgb(80,204,164)
```
#5078cc
```
#5078cc rgb(80,120,204)
```

Tetradic Color

#a17c2f
```
#a17c2f rgb(161,124,47)
```
#b48b35
```
#b48b35 rgb(180,139,53)
```
#c69a3c
```
#c69a3c rgb(198,154,60)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#d2ae64
```
#d2ae64 rgb(210,174,100)
```
#d8b977
```
#d8b977 rgb(216,185,119)
```
#ddc38b
```
#ddc38b rgb(221,195,139)
```

Monochromatic Color

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

#cc8550
```
#cc8550 rgb(204,133,80)
```
#cc8f50
```
#cc8f50 rgb(204,143,80)
```
#cc9a50
```
#cc9a50 rgb(204,154,80)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#ccae50
```
#ccae50 rgb(204,174,80)
```
#ccb950
```
#ccb950 rgb(204,185,80)
```
#ccc350
```
#ccc350 rgb(204,195,80)
```

Similar Colors

Text with hexadecimal color #cca450

This text has a font color of #cca450.

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

#cca450 background color

This paragraph has a background color of #cca450.

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

#cca450 border color

This element has a border color of #cca450.

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

CSS codes

.text {color:#cca450;}

.background {background-color:#cca450;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#161107
```
#161107 rgb(22,17,7)
```
#261d0b
```
#261d0b rgb(38,29,11)
```
#35290f
```
#35290f rgb(53,41,15)
```
#443414
```
#443414 rgb(68,52,20)
```
#534018
```
#534018 rgb(83,64,24)
```
#624c1d
```
#624c1d rgb(98,76,29)
```
#725821
```
#725821 rgb(114,88,33)
```
#816326
```
#816326 rgb(129,99,38)
```
#906f2a
```
#906f2a rgb(144,111,42)
```
#9f7b2e
```
#9f7b2e rgb(159,123,46)
```
#ae8633
```
#ae8633 rgb(174,134,51)
```
#be9237
```
#be9237 rgb(190,146,55)
```

Shade Color Variation

#c89c41
```
#c89c41 rgb(200,156,65)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#d0ac5f
```
#d0ac5f rgb(208,172,95)
```
#d5b46e
```
#d5b46e rgb(213,180,110)
```
#d9bc7e
```
#d9bc7e rgb(217,188,126)
```
#dec48d
```
#dec48d rgb(222,196,141)
```
#e2cb9c
```
#e2cb9c rgb(226,203,156)
```
#e7d3ab
```
#e7d3ab rgb(231,211,171)
```
#ebdbba
```
#ebdbba rgb(235,219,186)
```
#efe3ca
```
#efe3ca rgb(239,227,202)
```
#f4ebd9
```
#f4ebd9 rgb(244,235,217)
```
#f8f3e8
```
#f8f3e8 rgb(248,243,232)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#8f8e8d
```
#8f8e8d rgb(143,142,141)
```
#989184
```
#989184 rgb(152,145,132)
```
#a1957b
```
#a1957b rgb(161,149,123)
```
#a99873
```
#a99873 rgb(169,152,115)
```
#b29b6a
```
#b29b6a rgb(178,155,106)
```
#bb9e61
```
#bb9e61 rgb(187,158,97)
```
#c3a159
```
#c3a159 rgb(195,161,89)
```
#cca450
```
#cca450 rgb(204,164,80)
```
#d5a747
```
#d5a747 rgb(213,167,71)
```
#ddaa3f
```
#ddaa3f rgb(221,170,63)
```
#e6ad36
```
#e6ad36 rgb(230,173,54)
```
#efb02d
```
#efb02d rgb(239,176,45)
```
#f7b325
```
#f7b325 rgb(247,179,37)
```

Tone Color Variation

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

Dichromacy

#bfae5a Protanopia 1% of men
#d4a659 Deuteranopia 1% of men
#d69faa Tritanopia 0.001% of the population

Trichromacy

#c4aa56 Protanomaly 1% of men, 0.01% of women
#d1a556 Deuteranomaly 6% of men, 0.4% of women
#d2a189 Tritanomaly 0.01% of the population

#cca450 hex color

#cca450 Color Information

#cca450 Color Conversion

Color Schemes with #cca450

Alternatives to #cca450

#cca450 Preview

Shades and Tints of #cca450

Tones of #cca450

Color Blindness Simulator