#ccca46 hex color

In a RGB color space, hex #ccca46 is composed of 80% red, 79.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 65.7% yellow and 20% black. It has a hue angle of 59.1 degrees, a saturation of 56.8% and a lightness of 53.7%. #ccca46 color hex could be obtained by blending #ffff8c with #999500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 79
- B 27
RGB color chart
- C 0
- M 1
- Y 66
- K 20
CMYK color chart

● #ccca46 color description : Moderate yellow.

The hexadecimal color #ccca46 has RGB values of R:204, G:202, B:70 and CMYK values of C:0, M:0.01, Y:0.66, K:0.2. Its decimal value is 13421126.

Hex triplet	ccca46	`#ccca46`
RGB Decimal	204, 202, 70	`rgb(204,202,70)`
RGB Percent	80, 79.2, 27.5	`rgb(80%,79.2%,27.5%)`
CMYK	0, 1, 66, 20
HSL	59.1°, 56.8, 53.7	`hsl(59.1,56.8%,53.7%)`
HSV (or HSB)	59.1°, 65.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.341, -15.205, 63.367
XYZ	47.128, 55.521, 14.028
xyY	0.404, 0.476, 55.521
CIE-LCH	79.341, 65.166, 103.493
CIE-LUV	79.341, 6.82, 75.923
Hunter-Lab	74.513, -17.499, 40.997
Binary	11001100, 11001010, 01000110

#ccca46
```
#ccca46 rgb(204,202,70)
```
#4648cc
```
#4648cc rgb(70,72,204)
```

Complementary Color

#cc8746
```
#cc8746 rgb(204,135,70)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#8bcc46
```
#8bcc46 rgb(139,204,70)
```

Analogous Color

#8746cc
```
#8746cc rgb(135,70,204)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#468bcc
```
#468bcc rgb(70,139,204)
```

Split Complementary Color

#ca46cc
```
#ca46cc rgb(202,70,204)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#46ccca
```
#46ccca rgb(70,204,202)
```

Triadic Color

#cc4648
```
#cc4648 rgb(204,70,72)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#46ccca
```
#46ccca rgb(70,204,202)
```
#4648cc
```
#4648cc rgb(70,72,204)
```

Tetradic Color

#9b992b
```
#9b992b rgb(155,153,43)
```
#afad30
```
#afad30 rgb(175,173,48)
```
#c3c136
```
#c3c136 rgb(195,193,54)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#d2d05a
```
#d2d05a rgb(210,208,90)
```
#d7d56e
```
#d7d56e rgb(215,213,110)
```
#dddb82
```
#dddb82 rgb(221,219,130)
```

Monochromatic Color

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

#cca946
```
#cca946 rgb(204,169,70)
```
#ccb446
```
#ccb446 rgb(204,180,70)
```
#ccbf46
```
#ccbf46 rgb(204,191,70)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#c3cc46
```
#c3cc46 rgb(195,204,70)
```
#b8cc46
```
#b8cc46 rgb(184,204,70)
```
#adcc46
```
#adcc46 rgb(173,204,70)
```

Similar Colors

Text with hexadecimal color #ccca46

This text has a font color of #ccca46.

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

#ccca46 background color

This paragraph has a background color of #ccca46.

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

#ccca46 border color

This element has a border color of #ccca46.

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

CSS codes

.text {color:#ccca46;}

.background {background-color:#ccca46;}

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

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

#0f0f04
```
#0f0f04 rgb(15,15,4)
```
#1e1e08
```
#1e1e08 rgb(30,30,8)
```
#2e2d0d
```
#2e2d0d rgb(46,45,13)
```
#3d3c11
```
#3d3c11 rgb(61,60,17)
```
#4c4c15
```
#4c4c15 rgb(76,76,21)
```
#5c5b19
```
#5c5b19 rgb(92,91,25)
```
#6b6a1e
```
#6b6a1e rgb(107,106,30)
```
#7b7922
```
#7b7922 rgb(123,121,34)
```
#8a8826
```
#8a8826 rgb(138,136,38)
```
#99982a
```
#99982a rgb(153,152,42)
```
#a9a72e
```
#a9a72e rgb(169,167,46)
```
#b8b633
```
#b8b633 rgb(184,182,51)
```
#c7c537
```
#c7c537 rgb(199,197,55)
```

Shade Color Variation

#ccca46
```
#ccca46 rgb(204,202,70)
```
#d0ce55
```
#d0ce55 rgb(208,206,85)
```
#d4d365
```
#d4d365 rgb(212,211,101)
```
#d9d774
```
#d9d774 rgb(217,215,116)
```
#dddc84
```
#dddc84 rgb(221,220,132)
```
#e1e093
```
#e1e093 rgb(225,224,147)
```
#e5e4a2
```
#e5e4a2 rgb(229,228,162)
```
#eae9b2
```
#eae9b2 rgb(234,233,178)
```
#eeedc1
```
#eeedc1 rgb(238,237,193)
```
#f2f2d0
```
#f2f2d0 rgb(242,242,208)
```
#f6f6e0
```
#f6f6e0 rgb(246,246,224)
```
#fbfaef
```
#fbfaef rgb(251,250,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c8c86
```
#8c8c86 rgb(140,140,134)
```
#96957c
```
#96957c rgb(150,149,124)
```
#9f9e73
```
#9f9e73 rgb(159,158,115)
```
#a8a76a
```
#a8a76a rgb(168,167,106)
```
#b1b061
```
#b1b061 rgb(177,176,97)
```
#bab858
```
#bab858 rgb(186,184,88)
```
#c3c14f
```
#c3c14f rgb(195,193,79)
```
#ccca46
```
#ccca46 rgb(204,202,70)
```
#d5d33d
```
#d5d33d rgb(213,211,61)
```
#dedc34
```
#dedc34 rgb(222,220,52)
```
#e7e42b
```
#e7e42b rgb(231,228,43)
```
#f0ed22
```
#f0ed22 rgb(240,237,34)
```
#f9f619
```
#f9f619 rgb(249,246,25)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbfa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc74e Protanopia 1% of men
#f6be55 Deuteranopia 1% of men
#dbc0cd Tritanopia 0.001% of the population

Trichromacy

#d7c84b Protanomaly 1% of men, 0.01% of women
#e6c24f Deuteranomaly 6% of men, 0.4% of women
#d5c39c Tritanomaly 0.01% of the population

#ccca46 hex color

#ccca46 Color Information

#ccca46 Color Conversion

Color Schemes with #ccca46

Alternatives to #ccca46

#ccca46 Preview

Shades and Tints of #ccca46

Tones of #ccca46

Color Blindness Simulator