#cca311 hex color

In a RGB color space, hex #cca311 is composed of 80% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 91.7% yellow and 20% black. It has a hue angle of 46.8 degrees, a saturation of 84.6% and a lightness of 43.3%. #cca311 color hex could be obtained by blending #ffff22 with #994700. Closest websafe color is: #cc9900.

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

● #cca311 color description : Strong yellow.

The hexadecimal color #cca311 has RGB values of R:204, G:163, B:17 and CMYK values of C:0, M:0.2, Y:0.92, K:0.2. Its decimal value is 13411089.

Hex triplet	cca311	`#cca311`
RGB Decimal	204, 163, 17	`rgb(204,163,17)`
RGB Percent	80, 63.9, 6.7	`rgb(80%,63.9%,6.7%)`
CMYK	0, 20, 92, 20
HSL	46.8°, 84.6, 43.3	`hsl(46.8,84.6%,43.3%)`
HSV (or HSB)	46.8°, 91.7, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.805, 3.13, 69.832
XYZ	38.101, 39.074, 6.066
xyY	0.458, 0.469, 39.074
CIE-LCH	68.805, 69.902, 87.434
CIE-LUV	68.805, 35.24, 70.736
Hunter-Lab	62.509, -0.591, 38.003
Binary	11001100, 10100011, 00010001

#cca311
```
#cca311 rgb(204,163,17)
```
#113acc
```
#113acc rgb(17,58,204)
```

Complementary Color

#cc4511
```
#cc4511 rgb(204,69,17)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#98cc11
```
#98cc11 rgb(152,204,17)
```

Analogous Color

#4511cc
```
#4511cc rgb(69,17,204)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#1198cc
```
#1198cc rgb(17,152,204)
```

Split Complementary Color

#a311cc
```
#a311cc rgb(163,17,204)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#11cca3
```
#11cca3 rgb(17,204,163)
```

Triadic Color

#cc113a
```
#cc113a rgb(204,17,58)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#11cca3
```
#11cca3 rgb(17,204,163)
```
#113acc
```
#113acc rgb(17,58,204)
```

Tetradic Color

#856b0b
```
#856b0b rgb(133,107,11)
```
#9d7d0d
```
#9d7d0d rgb(157,125,13)
```
#b4900f
```
#b4900f rgb(180,144,15)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#e4b613
```
#e4b613 rgb(228,182,19)
```
#edc123
```
#edc123 rgb(237,193,35)
```
#efc73b
```
#efc73b rgb(239,199,59)
```

Monochromatic Color

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

#cc7411
```
#cc7411 rgb(204,116,17)
```
#cc8411
```
#cc8411 rgb(204,132,17)
```
#cc9311
```
#cc9311 rgb(204,147,17)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#ccb311
```
#ccb311 rgb(204,179,17)
```
#ccc211
```
#ccc211 rgb(204,194,17)
```
#c6cc11
```
#c6cc11 rgb(198,204,17)
```

Similar Colors

Text with hexadecimal color #cca311

This text has a font color of #cca311.

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

#cca311 background color

This paragraph has a background color of #cca311.

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

#cca311 border color

This element has a border color of #cca311.

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

CSS codes

.text {color:#cca311;}

.background {background-color:#cca311;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#171202
```
#171202 rgb(23,18,2)
```
#292103
```
#292103 rgb(41,33,3)
```
#3b2f05
```
#3b2f05 rgb(59,47,5)
```
#4d3e06
```
#4d3e06 rgb(77,62,6)
```
#5f4c08
```
#5f4c08 rgb(95,76,8)
```
#715b09
```
#715b09 rgb(113,91,9)
```
#84690b
```
#84690b rgb(132,105,11)
```
#96780c
```
#96780c rgb(150,120,12)
```
#a8860e
```
#a8860e rgb(168,134,14)
```
#ba950f
```
#ba950f rgb(186,149,15)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#deb113
```
#deb113 rgb(222,177,19)
```

Shade Color Variation

#ecbd18
```
#ecbd18 rgb(236,189,24)
```
#edc32b
```
#edc32b rgb(237,195,43)
```
#efc83d
```
#efc83d rgb(239,200,61)
```
#f0cd4f
```
#f0cd4f rgb(240,205,79)
```
#f2d261
```
#f2d261 rgb(242,210,97)
```
#f3d773
```
#f3d773 rgb(243,215,115)
```
#f5dc85
```
#f5dc85 rgb(245,220,133)
```
#f6e197
```
#f6e197 rgb(246,225,151)
```
#f8e7a9
```
#f8e7a9 rgb(248,231,169)
```
#f9ecbb
```
#f9ecbb rgb(249,236,187)
```
#fbf1ce
```
#fbf1ce rgb(251,241,206)
```
#fcf6e0
```
#fcf6e0 rgb(252,246,224)
```
#fefbf2
```
#fefbf2 rgb(254,251,242)
```

Tint Color Variation

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

#777366
```
#777366 rgb(119,115,102)
```
#80785e
```
#80785e rgb(128,120,94)
```
#887d55
```
#887d55 rgb(136,125,85)
```
#91824d
```
#91824d rgb(145,130,77)
```
#998644
```
#998644 rgb(153,134,68)
```
#a28b3c
```
#a28b3c rgb(162,139,60)
```
#aa9033
```
#aa9033 rgb(170,144,51)
```
#b3952b
```
#b3952b rgb(179,149,43)
```
#bb9922
```
#bb9922 rgb(187,153,34)
```
#c49e1a
```
#c49e1a rgb(196,158,26)
```
#cca311
```
#cca311 rgb(204,163,17)
```
#d5a809
```
#d5a809 rgb(213,168,9)
```
#ddad00
```
#ddad00 rgb(221,173,0)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a8a083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ac1f Protanopia 1% of men
#d7a421 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c5a919 Protanomaly 1% of men, 0.01% of women
#d3a31b Deuteranomaly 6% of men, 0.4% of women
#d39f70 Tritanomaly 0.01% of the population

#cca311 hex color

#cca311 Color Information

#cca311 Color Conversion

Color Schemes with #cca311

Alternatives to #cca311

#cca311 Preview

Shades and Tints of #cca311

Tones of #cca311

Color Blindness Simulator