#cca304 hex color

In a RGB color space, hex #cca304 is composed of 80% red, 63.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 98% yellow and 20% black. It has a hue angle of 47.7 degrees, a saturation of 96.2% and a lightness of 40.8%. #cca304 color hex could be obtained by blending #ffff08 with #994700. Closest websafe color is: #cc9900.

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

● #cca304 color description : Strong yellow.

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

Hex triplet	cca304	`#cca304`
RGB Decimal	204, 163, 4	`rgb(204,163,4)`
RGB Percent	80, 63.9, 1.6	`rgb(80%,63.9%,1.6%)`
CMYK	0, 20, 98, 20
HSL	47.7°, 96.2, 40.8	`hsl(47.7,96.2%,40.8%)`
HSV (or HSB)	47.7°, 98, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.782, 2.973, 71.586
XYZ	38.022, 39.042, 5.648
xyY	0.46, 0.472, 39.042
CIE-LCH	68.782, 71.648, 87.622
CIE-LUV	68.782, 35.384, 71.695
Hunter-Lab	62.484, -0.729, 38.379
Binary	11001100, 10100011, 00000100

#cca304
```
#cca304 rgb(204,163,4)
```
#042dcc
```
#042dcc rgb(4,45,204)
```

Complementary Color

#cc3f04
```
#cc3f04 rgb(204,63,4)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#91cc04
```
#91cc04 rgb(145,204,4)
```

Analogous Color

#3f04cc
```
#3f04cc rgb(63,4,204)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#0491cc
```
#0491cc rgb(4,145,204)
```

Split Complementary Color

#a304cc
```
#a304cc rgb(163,4,204)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#04cca3
```
#04cca3 rgb(4,204,163)
```

Triadic Color

#cc042d
```
#cc042d rgb(204,4,45)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#04cca3
```
#04cca3 rgb(4,204,163)
```
#042dcc
```
#042dcc rgb(4,45,204)
```

Tetradic Color

#816703
```
#816703 rgb(129,103,3)
```
#9a7b03
```
#9a7b03 rgb(154,123,3)
```
#b38f04
```
#b38f04 rgb(179,143,4)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#e5b704
```
#e5b704 rgb(229,183,4)
```
#fac909
```
#fac909 rgb(250,201,9)
```
#fbce22
```
#fbce22 rgb(251,206,34)
```

Monochromatic Color

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

#cc7104
```
#cc7104 rgb(204,113,4)
```
#cc8204
```
#cc8204 rgb(204,130,4)
```
#cc9204
```
#cc9204 rgb(204,146,4)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#ccb404
```
#ccb404 rgb(204,180,4)
```
#ccc404
```
#ccc404 rgb(204,196,4)
```
#c3cc04
```
#c3cc04 rgb(195,204,4)
```

Similar Colors

Text with hexadecimal color #cca304

This text has a font color of #cca304.

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

#cca304 background color

This paragraph has a background color of #cca304.

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

#cca304 border color

This element has a border color of #cca304.

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

CSS codes

.text {color:#cca304;}

.background {background-color:#cca304;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1f1901
```
#1f1901 rgb(31,25,1)
```
#322801
```
#322801 rgb(50,40,1)
```
#453701
```
#453701 rgb(69,55,1)
```
#594702
```
#594702 rgb(89,71,2)
```
#6c5602
```
#6c5602 rgb(108,86,2)
```
#7f6602
```
#7f6602 rgb(127,102,2)
```
#927503
```
#927503 rgb(146,117,3)
```
#a68403
```
#a68403 rgb(166,132,3)
```
#b99404
```
#b99404 rgb(185,148,4)
```
#cca304
```
#cca304 rgb(204,163,4)
```
#dfb204
```
#dfb204 rgb(223,178,4)
```
#f2c205
```
#f2c205 rgb(242,194,5)
```

Shade Color Variation

#faca11
```
#faca11 rgb(250,202,17)
```
#fbcf24
```
#fbcf24 rgb(251,207,36)
```
#fbd337
```
#fbd337 rgb(251,211,55)
```
#fbd74a
```
#fbd74a rgb(251,215,74)
```
#fcdb5d
```
#fcdb5d rgb(252,219,93)
```
#fce071
```
#fce071 rgb(252,224,113)
```
#fde484
```
#fde484 rgb(253,228,132)
```
#fde897
```
#fde897 rgb(253,232,151)
```
#fdecaa
```
#fdecaa rgb(253,236,170)
```
#fef1be
```
#fef1be rgb(254,241,190)
```
#fef5d1
```
#fef5d1 rgb(254,245,209)
```
#fef9e4
```
#fef9e4 rgb(254,249,228)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#6c6a64
```
#6c6a64 rgb(108,106,100)
```
#746f5c
```
#746f5c rgb(116,111,92)
```
#7c7454
```
#7c7454 rgb(124,116,84)
```
#84794c
```
#84794c rgb(132,121,76)
```
#8c7d44
```
#8c7d44 rgb(140,125,68)
```
#94823c
```
#94823c rgb(148,130,60)
```
#9c8734
```
#9c8734 rgb(156,135,52)
```
#a48b2c
```
#a48b2c rgb(164,139,44)
```
#ac9024
```
#ac9024 rgb(172,144,36)
```
#b4951c
```
#b4951c rgb(180,149,28)
```
#bc9a14
```
#bc9a14 rgb(188,154,20)
```
#c49e0c
```
#c49e0c rgb(196,158,12)
```
#cca304
```
#cca304 rgb(204,163,4)
```

Tone Color Variation

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

#c1ac12 Protanopia 1% of men
#d7a416 Deuteranopia 1% of men
#d79ca7 Tritanopia 0.001% of the population

Trichromacy

#c5a90d Protanomaly 1% of men, 0.01% of women
#d3a30f Deuteranomaly 6% of men, 0.4% of women
#d39e6c Tritanomaly 0.01% of the population

#cca304 hex color

#cca304 Color Information

#cca304 Color Conversion

Color Schemes with #cca304

Alternatives to #cca304

#cca304 Preview

Shades and Tints of #cca304

Tones of #cca304

Color Blindness Simulator