#cca318 hex color

In a RGB color space, hex #cca318 is composed of 80% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 88.2% yellow and 20% black. It has a hue angle of 46.3 degrees, a saturation of 78.9% and a lightness of 44.7%. #cca318 color hex could be obtained by blending #ffff30 with #994700. Closest websafe color is: #cc9900.

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

● #cca318 color description : Strong yellow.

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

Hex triplet	cca318	`#cca318`
RGB Decimal	204, 163, 24	`rgb(204,163,24)`
RGB Percent	80, 63.9, 9.4	`rgb(80%,63.9%,9.4%)`
CMYK	0, 20, 88, 20
HSL	46.3°, 78.9, 44.7	`hsl(46.3,78.9%,44.7%)`
HSV (or HSB)	46.3°, 88.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.823, 3.256, 68.481
XYZ	38.165, 39.1, 6.401
xyY	0.456, 0.467, 39.1
CIE-LCH	68.823, 68.558, 87.278
CIE-LUV	68.823, 35.125, 69.97
Hunter-Lab	62.53, -0.481, 37.701
Binary	11001100, 10100011, 00011000

#cca318
```
#cca318 rgb(204,163,24)
```
#1841cc
```
#1841cc rgb(24,65,204)
```

Complementary Color

#cc4918
```
#cc4918 rgb(204,73,24)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#9bcc18
```
#9bcc18 rgb(155,204,24)
```

Analogous Color

#4918cc
```
#4918cc rgb(73,24,204)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#189bcc
```
#189bcc rgb(24,155,204)
```

Split Complementary Color

#a318cc
```
#a318cc rgb(163,24,204)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#18cca3
```
#18cca3 rgb(24,204,163)
```

Triadic Color

#cc1841
```
#cc1841 rgb(204,24,65)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#18cca3
```
#18cca3 rgb(24,204,163)
```
#1841cc
```
#1841cc rgb(24,65,204)
```

Tetradic Color

#886c10
```
#886c10 rgb(136,108,16)
```
#9e7f13
```
#9e7f13 rgb(158,127,19)
```
#b59115
```
#b59115 rgb(181,145,21)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#e3b51b
```
#e3b51b rgb(227,181,27)
```
#e7bd30
```
#e7bd30 rgb(231,189,48)
```
#e9c447
```
#e9c447 rgb(233,196,71)
```

Monochromatic Color

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

#cc7618
```
#cc7618 rgb(204,118,24)
```
#cc8518
```
#cc8518 rgb(204,133,24)
```
#cc9418
```
#cc9418 rgb(204,148,24)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#ccb218
```
#ccb218 rgb(204,178,24)
```
#ccc118
```
#ccc118 rgb(204,193,24)
```
#c8cc18
```
#c8cc18 rgb(200,204,24)
```

Similar Colors

Text with hexadecimal color #cca318

This text has a font color of #cca318.

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

#cca318 background color

This paragraph has a background color of #cca318.

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

#cca318 border color

This element has a border color of #cca318.

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

CSS codes

.text {color:#cca318;}

.background {background-color:#cca318;}

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

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, #0b0901 is the darkest color, while #fefdf8 is the lightest one.

#0b0901
```
#0b0901 rgb(11,9,1)
```
#1c1703
```
#1c1703 rgb(28,23,3)
```
#2e2505
```
#2e2505 rgb(46,37,5)
```
#403307
```
#403307 rgb(64,51,7)
```
#51410a
```
#51410a rgb(81,65,10)
```
#634f0c
```
#634f0c rgb(99,79,12)
```
#745d0e
```
#745d0e rgb(116,93,14)
```
#866b10
```
#866b10 rgb(134,107,16)
```
#977912
```
#977912 rgb(151,121,18)
```
#a98714
```
#a98714 rgb(169,135,20)
```
#ba9516
```
#ba9516 rgb(186,149,22)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#deb11a
```
#deb11a rgb(222,177,26)
```

Shade Color Variation

#e5ba26
```
#e5ba26 rgb(229,186,38)
```
#e8bf37
```
#e8bf37 rgb(232,191,55)
```
#eac549
```
#eac549 rgb(234,197,73)
```
#eccb5a
```
#eccb5a rgb(236,203,90)
```
#eed06c
```
#eed06c rgb(238,208,108)
```
#f0d67e
```
#f0d67e rgb(240,214,126)
```
#f2db8f
```
#f2db8f rgb(242,219,143)
```
#f4e1a1
```
#f4e1a1 rgb(244,225,161)
```
#f6e7b2
```
#f6e7b2 rgb(246,231,178)
```
#f8ecc4
```
#f8ecc4 rgb(248,236,196)
```
#faf2d5
```
#faf2d5 rgb(250,242,213)
```
#fcf7e7
```
#fcf7e7 rgb(252,247,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#747370
```
#747370 rgb(116,115,112)
```
#7d7867
```
#7d7867 rgb(125,120,103)
```
#867d5e
```
#867d5e rgb(134,125,94)
```
#8f8255
```
#8f8255 rgb(143,130,85)
```
#97864d
```
#97864d rgb(151,134,77)
```
#a08b44
```
#a08b44 rgb(160,139,68)
```
#a9903b
```
#a9903b rgb(169,144,59)
```
#b29532
```
#b29532 rgb(178,149,50)
```
#ba992a
```
#ba992a rgb(186,153,42)
```
#c39e21
```
#c39e21 rgb(195,158,33)
```
#cca318
```
#cca318 rgb(204,163,24)
```
#d5a80f
```
#d5a80f rgb(213,168,15)
```
#dead06
```
#dead06 rgb(222,173,6)
```

Tone Color Variation

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

#c1ac25 Protanopia 1% of men
#d7a426 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c5a920 Protanomaly 1% of men, 0.01% of women
#d3a321 Deuteranomaly 6% of men, 0.4% of women
#d39f73 Tritanomaly 0.01% of the population

#cca318 hex color

#cca318 Color Information

#cca318 Color Conversion

Color Schemes with #cca318

Alternatives to #cca318

#cca318 Preview

Shades and Tints of #cca318

Tones of #cca318

Color Blindness Simulator