#cca310 hex color

In a RGB color space, hex #cca310 is composed of 80% red, 63.9% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 92.2% yellow and 20% black. It has a hue angle of 46.9 degrees, a saturation of 85.5% and a lightness of 43.1%. #cca310 color hex could be obtained by blending #ffff20 with #994700. Closest websafe color is: #cc9900.

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

● #cca310 color description : Strong yellow.

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

Hex triplet	cca310	`#cca310`
RGB Decimal	204, 163, 16	`rgb(204,163,16)`
RGB Percent	80, 63.9, 6.3	`rgb(80%,63.9%,6.3%)`
CMYK	0, 20, 92, 20
HSL	46.9°, 85.5, 43.1	`hsl(46.9,85.5%,43.1%)`
HSV (or HSB)	46.9°, 92.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.803, 3.115, 69.997
XYZ	38.093, 39.071, 6.025
xyY	0.458, 0.47, 39.071
CIE-LCH	68.803, 70.067, 87.452
CIE-LUV	68.803, 35.254, 70.829
Hunter-Lab	62.507, -0.605, 38.04
Binary	11001100, 10100011, 00010000

#cca310
```
#cca310 rgb(204,163,16)
```
#1039cc
```
#1039cc rgb(16,57,204)
```

Complementary Color

#cc4510
```
#cc4510 rgb(204,69,16)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#97cc10
```
#97cc10 rgb(151,204,16)
```

Analogous Color

#4510cc
```
#4510cc rgb(69,16,204)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#1097cc
```
#1097cc rgb(16,151,204)
```

Split Complementary Color

#a310cc
```
#a310cc rgb(163,16,204)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#10cca3
```
#10cca3 rgb(16,204,163)
```

Triadic Color

#cc1039
```
#cc1039 rgb(204,16,57)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#10cca3
```
#10cca3 rgb(16,204,163)
```
#1039cc
```
#1039cc rgb(16,57,204)
```

Tetradic Color

#856a0a
```
#856a0a rgb(133,106,10)
```
#9d7d0c
```
#9d7d0c rgb(157,125,12)
```
#b4900e
```
#b4900e rgb(180,144,14)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#e4b612
```
#e4b612 rgb(228,182,18)
```
#eec121
```
#eec121 rgb(238,193,33)
```
#efc839
```
#efc839 rgb(239,200,57)
```

Monochromatic Color

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

#cc7410
```
#cc7410 rgb(204,116,16)
```
#cc8410
```
#cc8410 rgb(204,132,16)
```
#cc9310
```
#cc9310 rgb(204,147,16)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#ccb310
```
#ccb310 rgb(204,179,16)
```
#ccc210
```
#ccc210 rgb(204,194,16)
```
#c6cc10
```
#c6cc10 rgb(198,204,16)
```

Similar Colors

Text with hexadecimal color #cca310

This text has a font color of #cca310.

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

#cca310 background color

This paragraph has a background color of #cca310.

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

#cca310 border color

This element has a border color of #cca310.

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

CSS codes

.text {color:#cca310;}

.background {background-color:#cca310;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161202
```
#161202 rgb(22,18,2)
```
#282003
```
#282003 rgb(40,32,3)
```
#3a2f05
```
#3a2f05 rgb(58,47,5)
```
#4d3d06
```
#4d3d06 rgb(77,61,6)
```
#5f4c07
```
#5f4c07 rgb(95,76,7)
```
#715a09
```
#715a09 rgb(113,90,9)
```
#83690a
```
#83690a rgb(131,105,10)
```
#95770c
```
#95770c rgb(149,119,12)
```
#a8860d
```
#a8860d rgb(168,134,13)
```
#ba940f
```
#ba940f rgb(186,148,15)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#deb211
```
#deb211 rgb(222,178,17)
```

Shade Color Variation

#edbe16
```
#edbe16 rgb(237,190,22)
```
#eec329
```
#eec329 rgb(238,195,41)
```
#f0c83b
```
#f0c83b rgb(240,200,59)
```
#f1cd4d
```
#f1cd4d rgb(241,205,77)
```
#f2d25f
```
#f2d25f rgb(242,210,95)
```
#f4d771
```
#f4d771 rgb(244,215,113)
```
#f5dd84
```
#f5dd84 rgb(245,221,132)
```
#f7e296
```
#f7e296 rgb(247,226,150)
```
#f8e7a8
```
#f8e7a8 rgb(248,231,168)
```
#faecba
```
#faecba rgb(250,236,186)
```
#fbf1cc
```
#fbf1cc rgb(251,241,204)
```
#fcf6df
```
#fcf6df rgb(252,246,223)
```
#fefbf1
```
#fefbf1 rgb(254,251,241)
```

Tint Color Variation

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

#6f6f6d
```
#6f6f6d rgb(111,111,109)
```
#777365
```
#777365 rgb(119,115,101)
```
#80785c
```
#80785c rgb(128,120,92)
```
#887d54
```
#887d54 rgb(136,125,84)
```
#91824b
```
#91824b rgb(145,130,75)
```
#998643
```
#998643 rgb(153,134,67)
```
#a28b3a
```
#a28b3a rgb(162,139,58)
```
#aa9032
```
#aa9032 rgb(170,144,50)
```
#b39529
```
#b39529 rgb(179,149,41)
```
#bb9921
```
#bb9921 rgb(187,153,33)
```
#c49e18
```
#c49e18 rgb(196,158,24)
```
#cca310
```
#cca310 rgb(204,163,16)
```
#d4a808
```
#d4a808 rgb(212,168,8)
```

Tone Color Variation

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

Dichromacy

#c1ac1e Protanopia 1% of men
#d7a420 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

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

#cca310 hex color

#cca310 Color Information

#cca310 Color Conversion

Color Schemes with #cca310

Alternatives to #cca310

#cca310 Preview

Shades and Tints of #cca310

Tones of #cca310

Color Blindness Simulator