#ccc149 hex color

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

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

● #ccc149 color description : Moderate yellow.

The hexadecimal color #ccc149 has RGB values of R:204, G:193, B:73 and CMYK values of C:0, M:0.05, Y:0.64, K:0.2. Its decimal value is 13418825.

Hex triplet	ccc149	`#ccc149`
RGB Decimal	204, 193, 73	`rgb(204,193,73)`
RGB Percent	80, 75.7, 28.6	`rgb(80%,75.7%,28.6%)`
CMYK	0, 5, 64, 20
HSL	55°, 56.2, 54.3	`hsl(55,56.2%,54.3%)`
HSV (or HSB)	55°, 64.2, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.956, -10.473, 59.672
XYZ	45.174, 51.459, 13.856
xyY	0.409, 0.466, 51.459
CIE-LCH	76.956, 60.584, 99.955
CIE-LUV	76.956, 12.614, 71.08
Hunter-Lab	71.735, -13.128, 38.762
Binary	11001100, 11000001, 01001001

#ccc149
```
#ccc149 rgb(204,193,73)
```
#4954cc
```
#4954cc rgb(73,84,204)
```

Complementary Color

#cc8049
```
#cc8049 rgb(204,128,73)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#96cc49
```
#96cc49 rgb(150,204,73)
```

Analogous Color

#8049cc
```
#8049cc rgb(128,73,204)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#4996cc
```
#4996cc rgb(73,150,204)
```

Split Complementary Color

#c149cc
```
#c149cc rgb(193,73,204)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#49ccc1
```
#49ccc1 rgb(73,204,193)
```

Triadic Color

#cc4954
```
#cc4954 rgb(204,73,84)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#49ccc1
```
#49ccc1 rgb(73,204,193)
```
#4954cc
```
#4954cc rgb(73,84,204)
```

Tetradic Color

#9d932c
```
#9d932c rgb(157,147,44)
```
#b1a631
```
#b1a631 rgb(177,166,49)
```
#c4b937
```
#c4b937 rgb(196,185,55)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#d2c85d
```
#d2c85d rgb(210,200,93)
```
#d7cf71
```
#d7cf71 rgb(215,207,113)
```
#ddd585
```
#ddd585 rgb(221,213,133)
```

Monochromatic Color

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

#cca049
```
#cca049 rgb(204,160,73)
```
#ccab49
```
#ccab49 rgb(204,171,73)
```
#ccb649
```
#ccb649 rgb(204,182,73)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#cccc49
```
#cccc49 rgb(204,204,73)
```
#c1cc49
```
#c1cc49 rgb(193,204,73)
```
#b6cc49
```
#b6cc49 rgb(182,204,73)
```

Similar Colors

Text with hexadecimal color #ccc149

This text has a font color of #ccc149.

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

#ccc149 background color

This paragraph has a background color of #ccc149.

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

#ccc149 border color

This element has a border color of #ccc149.

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

CSS codes

.text {color:#ccc149;}

.background {background-color:#ccc149;}

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

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 #fbfaf2 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)
```
#3f3b12
```
#3f3b12 rgb(63,59,18)
```
#4e4a16
```
#4e4a16 rgb(78,74,22)
```
#5e581a
```
#5e581a rgb(94,88,26)
```
#6d671f
```
#6d671f rgb(109,103,31)
```
#7c7523
```
#7c7523 rgb(124,117,35)
```
#8c8327
```
#8c8327 rgb(140,131,39)
```
#9b922b
```
#9b922b rgb(155,146,43)
```
#aaa030
```
#aaa030 rgb(170,160,48)
```
#baaf34
```
#baaf34 rgb(186,175,52)
```

Shade Color Variation

#c8bc3a
```
#c8bc3a rgb(200,188,58)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#d0c658
```
#d0c658 rgb(208,198,88)
```
#d5cb68
```
#d5cb68 rgb(213,203,104)
```
#d9d177
```
#d9d177 rgb(217,209,119)
```
#ddd686
```
#ddd686 rgb(221,214,134)
```
#e1db96
```
#e1db96 rgb(225,219,150)
```
#e6e0a5
```
#e6e0a5 rgb(230,224,165)
```
#eae6b4
```
#eae6b4 rgb(234,230,180)
```
#eeebc4
```
#eeebc4 rgb(238,235,196)
```
#f3f0d3
```
#f3f0d3 rgb(243,240,211)
```
#f7f5e2
```
#f7f5e2 rgb(247,245,226)
```
#fbfaf2
```
#fbfaf2 rgb(251,250,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 #f9e61c is the most saturated one.

#8d8d88
```
#8d8d88 rgb(141,141,136)
```
#96947f
```
#96947f rgb(150,148,127)
```
#9f9c76
```
#9f9c76 rgb(159,156,118)
```
#a8a36d
```
#a8a36d rgb(168,163,109)
```
#b1ab64
```
#b1ab64 rgb(177,171,100)
```
#bab25b
```
#bab25b rgb(186,178,91)
```
#c3ba52
```
#c3ba52 rgb(195,186,82)
```
#ccc149
```
#ccc149 rgb(204,193,73)
```
#d5c840
```
#d5c840 rgb(213,200,64)
```
#ded037
```
#ded037 rgb(222,208,55)
```
#e7d72e
```
#e7d72e rgb(231,215,46)
```
#f0df25
```
#f0df25 rgb(240,223,37)
```
#f9e61c
```
#f9e61c rgb(249,230,28)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb9a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c151 Protanopia 1% of men
#edb857 Deuteranopia 1% of men
#dab8c5 Tritanopia 0.001% of the population

Trichromacy

#d2c14e Protanomaly 1% of men, 0.01% of women
#e1bb51 Deuteranomaly 6% of men, 0.4% of women
#d4bb98 Tritanomaly 0.01% of the population

#ccc149 hex color

#ccc149 Color Information

#ccc149 Color Conversion

Color Schemes with #ccc149

Alternatives to #ccc149

#ccc149 Preview

Shades and Tints of #ccc149

Tones of #ccc149

Color Blindness Simulator