#cca301 hex color

In a RGB color space, hex #cca301 is composed of 80% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 99.5% yellow and 20% black. It has a hue angle of 47.9 degrees, a saturation of 99% and a lightness of 40.2%. #cca301 color hex could be obtained by blending #ffff02 with #994700. Closest websafe color is: #cc9900.

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

● #cca301 color description : Strong yellow.

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

Hex triplet	cca301	`#cca301`
RGB Decimal	204, 163, 1	`rgb(204,163,1)`
RGB Percent	80, 63.9, 0.4	`rgb(80%,63.9%,0.4%)`
CMYK	0, 20, 100, 20
HSL	47.9°, 99, 40.2	`hsl(47.9,99%,40.2%)`
HSV (or HSB)	47.9°, 99.5, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.777, 2.94, 71.961
XYZ	38.005, 39.036, 5.562
xyY	0.46, 0.473, 39.036
CIE-LCH	68.777, 72.021, 87.66
CIE-LUV	68.777, 35.414, 71.895
Hunter-Lab	62.479, -0.758, 38.457
Binary	11001100, 10100011, 00000001

#cca301
```
#cca301 rgb(204,163,1)
```
#012acc
```
#012acc rgb(1,42,204)
```

Complementary Color

#cc3d01
```
#cc3d01 rgb(204,61,1)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#90cc01
```
#90cc01 rgb(144,204,1)
```

Analogous Color

#3e01cc
```
#3e01cc rgb(62,1,204)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#0190cc
```
#0190cc rgb(1,144,204)
```

Split Complementary Color

#a301cc
```
#a301cc rgb(163,1,204)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#01cca3
```
#01cca3 rgb(1,204,163)
```

Triadic Color

#cc012a
```
#cc012a rgb(204,1,42)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#01cca3
```
#01cca3 rgb(1,204,163)
```
#012acc
```
#012acc rgb(1,42,204)
```

Tetradic Color

#806601
```
#806601 rgb(128,102,1)
```
#997a01
```
#997a01 rgb(153,122,1)
```
#b38f01
```
#b38f01 rgb(179,143,1)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#e5b701
```
#e5b701 rgb(229,183,1)
```
#fecb02
```
#fecb02 rgb(254,203,2)
```
#fed01c
```
#fed01c rgb(254,208,28)
```

Monochromatic Color

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

#cc7001
```
#cc7001 rgb(204,112,1)
```
#cc8101
```
#cc8101 rgb(204,129,1)
```
#cc9201
```
#cc9201 rgb(204,146,1)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#ccb401
```
#ccb401 rgb(204,180,1)
```
#ccc501
```
#ccc501 rgb(204,197,1)
```
#c2cc01
```
#c2cc01 rgb(194,204,1)
```

Similar Colors

Text with hexadecimal color #cca301

This text has a font color of #cca301.

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

#cca301 background color

This paragraph has a background color of #cca301.

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

#cca301 border color

This element has a border color of #cca301.

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

CSS codes

.text {color:#cca301;}

.background {background-color:#cca301;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1c1700
```
#1c1700 rgb(28,23,0)
```
#302600
```
#302600 rgb(48,38,0)
```
#433600
```
#433600 rgb(67,54,0)
```
#574500
```
#574500 rgb(87,69,0)
```
#6a5501
```
#6a5501 rgb(106,85,1)
```
#7e6501
```
#7e6501 rgb(126,101,1)
```
#917401
```
#917401 rgb(145,116,1)
```
#a58401
```
#a58401 rgb(165,132,1)
```
#b89301
```
#b89301 rgb(184,147,1)
```
#cca301
```
#cca301 rgb(204,163,1)
```
#e0b301
```
#e0b301 rgb(224,179,1)
```
#f3c201
```
#f3c201 rgb(243,194,1)
```

Shade Color Variation

#fecd0a
```
#fecd0a rgb(254,205,10)
```
#fed11e
```
#fed11e rgb(254,209,30)
```
#fed531
```
#fed531 rgb(254,213,49)
```
#fed945
```
#fed945 rgb(254,217,69)
```
#fedd58
```
#fedd58 rgb(254,221,88)
```
#fee16c
```
#fee16c rgb(254,225,108)
```
#fee57f
```
#fee57f rgb(254,229,127)
```
#fee993
```
#fee993 rgb(254,233,147)
```
#ffeda6
```
#ffeda6 rgb(255,237,166)
```
#fff1ba
```
#fff1ba rgb(255,241,186)
```
#fff5cd
```
#fff5cd rgb(255,245,205)
```
#fff9e1
```
#fff9e1 rgb(255,249,225)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#6d6b60
```
#6d6b60 rgb(109,107,96)
```
#756f58
```
#756f58 rgb(117,111,88)
```
#7d7450
```
#7d7450 rgb(125,116,80)
```
#857948
```
#857948 rgb(133,121,72)
```
#8d7d40
```
#8d7d40 rgb(141,125,64)
```
#958238
```
#958238 rgb(149,130,56)
```
#9d8730
```
#9d8730 rgb(157,135,48)
```
#a58c28
```
#a58c28 rgb(165,140,40)
```
#ac9021
```
#ac9021 rgb(172,144,33)
```
#b49519
```
#b49519 rgb(180,149,25)
```
#bc9a11
```
#bc9a11 rgb(188,154,17)
```
#c49e09
```
#c49e09 rgb(196,158,9)
```
#cca301
```
#cca301 rgb(204,163,1)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a69e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ac0d Protanopia 1% of men
#d7a413 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c5a908 Protanomaly 1% of men, 0.01% of women
#d3a30c Deuteranomaly 6% of men, 0.4% of women
#d39e6a Tritanomaly 0.01% of the population

#cca301 hex color

#cca301 Color Information

#cca301 Color Conversion

Color Schemes with #cca301

Alternatives to #cca301

#cca301 Preview

Shades and Tints of #cca301

Tones of #cca301

Color Blindness Simulator