#cca316 hex color

In a RGB color space, hex #cca316 is composed of 80% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 89.2% yellow and 20% black. It has a hue angle of 46.5 degrees, a saturation of 80.5% and a lightness of 44.3%. #cca316 color hex could be obtained by blending #ffff2c with #994700. Closest websafe color is: #cc9900.

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

● #cca316 color description : Strong yellow.

The hexadecimal color #cca316 has RGB values of R:204, G:163, B:22 and CMYK values of C:0, M:0.2, Y:0.89, K:0.2. Its decimal value is 13411094.

Hex triplet	cca316	`#cca316`
RGB Decimal	204, 163, 22	`rgb(204,163,22)`
RGB Percent	80, 63.9, 8.6	`rgb(80%,63.9%,8.6%)`
CMYK	0, 20, 89, 20
HSL	46.5°, 80.5, 44.3	`hsl(46.5,80.5%,44.3%)`
HSV (or HSB)	46.5°, 89.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.818, 3.216, 68.901
XYZ	38.145, 39.092, 6.295
xyY	0.457, 0.468, 39.092
CIE-LCH	68.818, 68.976, 87.328
CIE-LUV	68.818, 35.161, 70.211
Hunter-Lab	62.523, -0.515, 37.796
Binary	11001100, 10100011, 00010110

#cca316
```
#cca316 rgb(204,163,22)
```
#163fcc
```
#163fcc rgb(22,63,204)
```

Complementary Color

#cc4816
```
#cc4816 rgb(204,72,22)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#9acc16
```
#9acc16 rgb(154,204,22)
```

Analogous Color

#4816cc
```
#4816cc rgb(72,22,204)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#169acc
```
#169acc rgb(22,154,204)
```

Split Complementary Color

#a316cc
```
#a316cc rgb(163,22,204)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#16cca3
```
#16cca3 rgb(22,204,163)
```

Triadic Color

#cc163f
```
#cc163f rgb(204,22,63)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#16cca3
```
#16cca3 rgb(22,204,163)
```
#163fcc
```
#163fcc rgb(22,63,204)
```

Tetradic Color

#876c0f
```
#876c0f rgb(135,108,15)
```
#9e7e11
```
#9e7e11 rgb(158,126,17)
```
#b59114
```
#b59114 rgb(181,145,20)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#e3b518
```
#e3b518 rgb(227,181,24)
```
#e8be2d
```
#e8be2d rgb(232,190,45)
```
#ebc544
```
#ebc544 rgb(235,197,68)
```

Monochromatic Color

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

#cc7616
```
#cc7616 rgb(204,118,22)
```
#cc8516
```
#cc8516 rgb(204,133,22)
```
#cc9416
```
#cc9416 rgb(204,148,22)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#ccb216
```
#ccb216 rgb(204,178,22)
```
#ccc116
```
#ccc116 rgb(204,193,22)
```
#c8cc16
```
#c8cc16 rgb(200,204,22)
```

Similar Colors

Text with hexadecimal color #cca316

This text has a font color of #cca316.

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

#cca316 background color

This paragraph has a background color of #cca316.

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

#cca316 border color

This element has a border color of #cca316.

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

CSS codes

.text {color:#cca316;}

.background {background-color:#cca316;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1b1603
```
#1b1603 rgb(27,22,3)
```
#2d2405
```
#2d2405 rgb(45,36,5)
```
#3e3207
```
#3e3207 rgb(62,50,7)
```
#504009
```
#504009 rgb(80,64,9)
```
#624e0b
```
#624e0b rgb(98,78,11)
```
#735c0c
```
#735c0c rgb(115,92,12)
```
#856a0e
```
#856a0e rgb(133,106,14)
```
#977910
```
#977910 rgb(151,121,16)
```
#a98712
```
#a98712 rgb(169,135,18)
```
#ba9514
```
#ba9514 rgb(186,149,20)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#deb118
```
#deb118 rgb(222,177,24)
```

Shade Color Variation

#e7bb22
```
#e7bb22 rgb(231,187,34)
```
#e9c034
```
#e9c034 rgb(233,192,52)
```
#ebc645
```
#ebc645 rgb(235,198,69)
```
#edcb57
```
#edcb57 rgb(237,203,87)
```
#efd169
```
#efd169 rgb(239,209,105)
```
#f1d67b
```
#f1d67b rgb(241,214,123)
```
#f3dc8c
```
#f3dc8c rgb(243,220,140)
```
#f5e19e
```
#f5e19e rgb(245,225,158)
```
#f6e7b0
```
#f6e7b0 rgb(246,231,176)
```
#f8ecc1
```
#f8ecc1 rgb(248,236,193)
```
#faf1d3
```
#faf1d3 rgb(250,241,211)
```
#fcf7e5
```
#fcf7e5 rgb(252,247,229)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#75736d
```
#75736d rgb(117,115,109)
```
#7e7864
```
#7e7864 rgb(126,120,100)
```
#867d5c
```
#867d5c rgb(134,125,92)
```
#8f8253
```
#8f8253 rgb(143,130,83)
```
#98864a
```
#98864a rgb(152,134,74)
```
#a18b41
```
#a18b41 rgb(161,139,65)
```
#a99039
```
#a99039 rgb(169,144,57)
```
#b29530
```
#b29530 rgb(178,149,48)
```
#bb9927
```
#bb9927 rgb(187,153,39)
```
#c39e1f
```
#c39e1f rgb(195,158,31)
```
#cca316
```
#cca316 rgb(204,163,22)
```
#d5a80d
```
#d5a80d rgb(213,168,13)
```
#ddad05
```
#ddad05 rgb(221,173,5)
```

Tone Color Variation

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

Dichromacy

#c1ac23 Protanopia 1% of men
#d7a425 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c5a91e Protanomaly 1% of men, 0.01% of women
#d3a31f Deuteranomaly 6% of men, 0.4% of women
#d39f72 Tritanomaly 0.01% of the population

#cca316 hex color

#cca316 Color Information

#cca316 Color Conversion

Color Schemes with #cca316

Alternatives to #cca316

#cca316 Preview

Shades and Tints of #cca316

Tones of #cca316

Color Blindness Simulator