#cca01f hex color

In a RGB color space, hex #cca01f is composed of 80% red, 62.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.6% magenta, 84.8% yellow and 20% black. It has a hue angle of 44.7 degrees, a saturation of 73.6% and a lightness of 46.1%. #cca01f color hex could be obtained by blending #ffff3e with #994100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 63
- B 12
RGB color chart
- C 0
- M 22
- Y 85
- K 20
CMYK color chart

● #cca01f color description : Strong orange.

The hexadecimal color #cca01f has RGB values of R:204, G:160, B:31 and CMYK values of C:0, M:0.22, Y:0.85, K:0.2. Its decimal value is 13410335.

Hex triplet	cca01f	`#cca01f`
RGB Decimal	204, 160, 31	`rgb(204,160,31)`
RGB Percent	80, 62.7, 12.2	`rgb(80%,62.7%,12.2%)`
CMYK	0, 22, 85, 20
HSL	44.7°, 73.6, 46.1	`hsl(44.7,73.6%,46.1%)`
HSV (or HSB)	44.7°, 84.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.079, 5.026, 66.164
XYZ	37.721, 38.08, 6.66
xyY	0.457, 0.462, 38.08
CIE-LCH	68.079, 66.355, 85.656
CIE-LUV	68.079, 37.239, 67.807
Hunter-Lab	61.709, 1.121, 36.798
Binary	11001100, 10100000, 00011111

#cca01f
```
#cca01f rgb(204,160,31)
```
#1f4bcc
```
#1f4bcc rgb(31,75,204)
```

Complementary Color

#cc491f
```
#cc491f rgb(204,73,31)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#a2cc1f
```
#a2cc1f rgb(162,204,31)
```

Analogous Color

#491fcc
```
#491fcc rgb(73,31,204)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#1fa2cc
```
#1fa2cc rgb(31,162,204)
```

Split Complementary Color

#a01fcc
```
#a01fcc rgb(160,31,204)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#1fcca0
```
#1fcca0 rgb(31,204,160)
```

Triadic Color

#cc1f4b
```
#cc1f4b rgb(204,31,75)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#1fcca0
```
#1fcca0 rgb(31,204,160)
```
#1f4bcc
```
#1f4bcc rgb(31,75,204)
```

Tetradic Color

#8a6c15
```
#8a6c15 rgb(138,108,21)
```
#a07d18
```
#a07d18 rgb(160,125,24)
```
#b68f1c
```
#b68f1c rgb(182,143,28)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#deaf26
```
#deaf26 rgb(222,175,38)
```
#e1b83d
```
#e1b83d rgb(225,184,61)
```
#e5c053
```
#e5c053 rgb(229,192,83)
```

Monochromatic Color

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

#cc751f
```
#cc751f rgb(204,117,31)
```
#cc831f
```
#cc831f rgb(204,131,31)
```
#cc921f
```
#cc921f rgb(204,146,31)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#ccae1f
```
#ccae1f rgb(204,174,31)
```
#ccbd1f
```
#ccbd1f rgb(204,189,31)
```
#cccb1f
```
#cccb1f rgb(204,203,31)
```

Similar Colors

Text with hexadecimal color #cca01f

This text has a font color of #cca01f.

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

#cca01f background color

This paragraph has a background color of #cca01f.

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

#cca01f border color

This element has a border color of #cca01f.

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

CSS codes

.text {color:#cca01f;}

.background {background-color:#cca01f;}

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

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, #110d03 is the darkest color, while #ffffff is the lightest one.

#110d03
```
#110d03 rgb(17,13,3)
```
#221a05
```
#221a05 rgb(34,26,5)
```
#332808
```
#332808 rgb(51,40,8)
```
#44350a
```
#44350a rgb(68,53,10)
```
#55430d
```
#55430d rgb(85,67,13)
```
#66500f
```
#66500f rgb(102,80,15)
```
#775d12
```
#775d12 rgb(119,93,18)
```
#886b15
```
#886b15 rgb(136,107,21)
```
#997817
```
#997817 rgb(153,120,23)
```
#aa851a
```
#aa851a rgb(170,133,26)
```
#bb931c
```
#bb931c rgb(187,147,28)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#ddad22
```
#ddad22 rgb(221,173,34)
```

Shade Color Variation

#e0b432
```
#e0b432 rgb(224,180,50)
```
#e2ba43
```
#e2ba43 rgb(226,186,67)
```
#e5c054
```
#e5c054 rgb(229,192,84)
```
#e8c765
```
#e8c765 rgb(232,199,101)
```
#eacd76
```
#eacd76 rgb(234,205,118)
```
#edd387
```
#edd387 rgb(237,211,135)
```
#efd998
```
#efd998 rgb(239,217,152)
```
#f2e0aa
```
#f2e0aa rgb(242,224,170)
```
#f5e6bb
```
#f5e6bb rgb(245,230,187)
```
#f7eccc
```
#f7eccc rgb(247,236,204)
```
#faf2dd
```
#faf2dd rgb(250,242,221)
```
#fcf9ee
```
#fcf9ee rgb(252,249,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7870
```
#7b7870 rgb(123,120,112)
```
#847c67
```
#847c67 rgb(132,124,103)
```
#8d815e
```
#8d815e rgb(141,129,94)
```
#968555
```
#968555 rgb(150,133,85)
```
#9f8a4c
```
#9f8a4c rgb(159,138,76)
```
#a88e43
```
#a88e43 rgb(168,142,67)
```
#b1933a
```
#b1933a rgb(177,147,58)
```
#ba9731
```
#ba9731 rgb(186,151,49)
```
#c39c28
```
#c39c28 rgb(195,156,40)
```
#cca01f
```
#cca01f rgb(204,160,31)
```
#d5a416
```
#d5a416 rgb(213,164,22)
```
#dea90d
```
#dea90d rgb(222,169,13)
```
#e7ad04
```
#e7ad04 rgb(231,173,4)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a79e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2c Protanopia 1% of men
#d4a22c Deuteranopia 1% of men
#d69aa4 Tritanopia 0.001% of the population

Trichromacy

#c3a627 Protanomaly 1% of men, 0.01% of women
#d1a127 Deuteranomaly 6% of men, 0.4% of women
#d29c74 Tritanomaly 0.01% of the population

#cca01f hex color

#cca01f Color Information

#cca01f Color Conversion

Color Schemes with #cca01f

Alternatives to #cca01f

#cca01f Preview

Shades and Tints of #cca01f

Tones of #cca01f

Color Blindness Simulator