#ccc349 hex color

In a RGB color space, hex #ccc349 is composed of 80% red, 76.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 64.2% yellow and 20% black. It has a hue angle of 55.9 degrees, a saturation of 56.2% and a lightness of 54.3%. #ccc349 color hex could be obtained by blending #ffff92 with #998700. Closest websafe color is: #cccc33.

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

● #ccc349 color description : Moderate yellow.

The hexadecimal color #ccc349 has RGB values of R:204, G:195, B:73 and CMYK values of C:0, M:0.04, Y:0.64, K:0.2. Its decimal value is 13419337.

Hex triplet	ccc349	`#ccc349`
RGB Decimal	204, 195, 73	`rgb(204,195,73)`
RGB Percent	80, 76.5, 28.6	`rgb(80%,76.5%,28.6%)`
CMYK	0, 4, 64, 20
HSL	55.9°, 56.2, 54.3	`hsl(55.9,56.2%,54.3%)`
HSV (or HSB)	55.9°, 64.2, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.489, -11.493, 60.233
XYZ	45.62, 52.35, 14.004
xyY	0.407, 0.468, 52.35
CIE-LCH	77.489, 61.32, 100.803
CIE-LUV	77.489, 11.297, 71.952
Hunter-Lab	72.353, -14.071, 39.171
Binary	11001100, 11000011, 01001001

#ccc349
```
#ccc349 rgb(204,195,73)
```
#4952cc
```
#4952cc rgb(73,82,204)
```

Complementary Color

#cc8249
```
#cc8249 rgb(204,130,73)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#94cc49
```
#94cc49 rgb(148,204,73)
```

Analogous Color

#8249cc
```
#8249cc rgb(130,73,204)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#4994cc
```
#4994cc rgb(73,148,204)
```

Split Complementary Color

#c349cc
```
#c349cc rgb(195,73,204)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#49ccc3
```
#49ccc3 rgb(73,204,195)
```

Triadic Color

#cc4952
```
#cc4952 rgb(204,73,82)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#49ccc3
```
#49ccc3 rgb(73,204,195)
```
#4952cc
```
#4952cc rgb(73,82,204)
```

Tetradic Color

#9d952c
```
#9d952c rgb(157,149,44)
```
#b1a831
```
#b1a831 rgb(177,168,49)
```
#c4bb37
```
#c4bb37 rgb(196,187,55)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#d2ca5d
```
#d2ca5d rgb(210,202,93)
```
#d7d071
```
#d7d071 rgb(215,208,113)
```
#ddd785
```
#ddd785 rgb(221,215,133)
```

Monochromatic Color

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

#cca249
```
#cca249 rgb(204,162,73)
```
#ccad49
```
#ccad49 rgb(204,173,73)
```
#ccb849
```
#ccb849 rgb(204,184,73)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#cacc49
```
#cacc49 rgb(202,204,73)
```
#bfcc49
```
#bfcc49 rgb(191,204,73)
```
#b4cc49
```
#b4cc49 rgb(180,204,73)
```

Similar Colors

Text with hexadecimal color #ccc349

This text has a font color of #ccc349.

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

#ccc349 background color

This paragraph has a background color of #ccc349.

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

#ccc349 border color

This element has a border color of #ccc349.

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

CSS codes

.text {color:#ccc349;}

.background {background-color:#ccc349;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111005
```
#111005 rgb(17,16,5)
```
#211f09
```
#211f09 rgb(33,31,9)
```
#302d0d
```
#302d0d rgb(48,45,13)
```
#3f3c12
```
#3f3c12 rgb(63,60,18)
```
#4e4b16
```
#4e4b16 rgb(78,75,22)
```
#5e591a
```
#5e591a rgb(94,89,26)
```
#6d681f
```
#6d681f rgb(109,104,31)
```
#7c7623
```
#7c7623 rgb(124,118,35)
```
#8c8527
```
#8c8527 rgb(140,133,39)
```
#9b932b
```
#9b932b rgb(155,147,43)
```
#aaa230
```
#aaa230 rgb(170,162,48)
```
#bab134
```
#bab134 rgb(186,177,52)
```

Shade Color Variation

#c8be3a
```
#c8be3a rgb(200,190,58)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#d0c858
```
#d0c858 rgb(208,200,88)
```
#d5cd68
```
#d5cd68 rgb(213,205,104)
```
#d9d277
```
#d9d277 rgb(217,210,119)
```
#ddd786
```
#ddd786 rgb(221,215,134)
```
#e1dc96
```
#e1dc96 rgb(225,220,150)
```
#e6e1a5
```
#e6e1a5 rgb(230,225,165)
```
#eae6b4
```
#eae6b4 rgb(234,230,180)
```
#eeebc4
```
#eeebc4 rgb(238,235,196)
```
#f3f0d3
```
#f3f0d3 rgb(243,240,211)
```
#f7f6e2
```
#f7f6e2 rgb(247,246,226)
```
#fbfbf2
```
#fbfbf2 rgb(251,251,242)
```

Tint Color Variation

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

#8d8d88
```
#8d8d88 rgb(141,141,136)
```
#96957f
```
#96957f rgb(150,149,127)
```
#9f9c76
```
#9f9c76 rgb(159,156,118)
```
#a8a46d
```
#a8a46d rgb(168,164,109)
```
#b1ac64
```
#b1ac64 rgb(177,172,100)
```
#bab45b
```
#bab45b rgb(186,180,91)
```
#c3bb52
```
#c3bb52 rgb(195,187,82)
```
#ccc349
```
#ccc349 rgb(204,195,73)
```
#d5cb40
```
#d5cb40 rgb(213,203,64)
```
#ded237
```
#ded237 rgb(222,210,55)
```
#e7da2e
```
#e7da2e rgb(231,218,46)
```
#f0e225
```
#f0e225 rgb(240,226,37)
```
#f9ea1c
```
#f9ea1c rgb(249,234,28)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcbaa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c351 Protanopia 1% of men
#efb957 Deuteranopia 1% of men
#dabac7 Tritanopia 0.001% of the population

Trichromacy

#d3c34e Protanomaly 1% of men, 0.01% of women
#e2bd52 Deuteranomaly 6% of men, 0.4% of women
#d5bd99 Tritanomaly 0.01% of the population

#ccc349 hex color

#ccc349 Color Information

#ccc349 Color Conversion

Color Schemes with #ccc349

Alternatives to #ccc349

#ccc349 Preview

Shades and Tints of #ccc349

Tones of #ccc349

Color Blindness Simulator