#ccc975 hex color

In a RGB color space, hex #ccc975 is composed of 80% red, 78.8% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 42.6% yellow and 20% black. It has a hue angle of 57.9 degrees, a saturation of 46% and a lightness of 62.9%. #ccc975 color hex could be obtained by blending #ffffea with #999300. Closest websafe color is: #cccc66.

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

● #ccc975 color description : Slightly desaturated yellow.

The hexadecimal color #ccc975 has RGB values of R:204, G:201, B:117 and CMYK values of C:0, M:0.01, Y:0.43, K:0.2. Its decimal value is 13420917.

Hex triplet	ccc975	`#ccc975`
RGB Decimal	204, 201, 117	`rgb(204,201,117)`
RGB Percent	80, 78.8, 45.9	`rgb(80%,78.8%,45.9%)`
CMYK	0, 1, 43, 20
HSL	57.9°, 46, 62.9	`hsl(57.9,46%,62.9%)`
HSV (or HSB)	57.9°, 42.6, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.554, -10.957, 42.221
XYZ	48.999, 55.896, 25.036
xyY	0.377, 0.43, 55.896
CIE-LCH	79.554, 43.62, 104.548
CIE-LUV	79.554, 5.981, 56.158
Hunter-Lab	74.763, -13.849, 32.48
Binary	11001100, 11001001, 01110101

#ccc975
```
#ccc975 rgb(204,201,117)
```
#7578cc
```
#7578cc rgb(117,120,204)
```

Complementary Color

#cc9e75
```
#cc9e75 rgb(204,158,117)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#a4cc75
```
#a4cc75 rgb(164,204,117)
```

Analogous Color

#9e75cc
```
#9e75cc rgb(158,117,204)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#75a4cc
```
#75a4cc rgb(117,164,204)
```

Split Complementary Color

#c975cc
```
#c975cc rgb(201,117,204)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#75ccc9
```
#75ccc9 rgb(117,204,201)
```

Triadic Color

#cc7578
```
#cc7578 rgb(204,117,120)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#75ccc9
```
#75ccc9 rgb(117,204,201)
```
#7578cc
```
#7578cc rgb(117,120,204)
```

Tetradic Color

#b3af42
```
#b3af42 rgb(179,175,66)
```
#beba50
```
#beba50 rgb(190,186,80)
```
#c5c262
```
#c5c262 rgb(197,194,98)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#d3d088
```
#d3d088 rgb(211,208,136)
```
#dad89a
```
#dad89a rgb(218,216,154)
```
#e1dfad
```
#e1dfad rgb(225,223,173)
```

Monochromatic Color

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

#ccb375
```
#ccb375 rgb(204,179,117)
```
#ccbb75
```
#ccbb75 rgb(204,187,117)
```
#ccc275
```
#ccc275 rgb(204,194,117)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#c8cc75
```
#c8cc75 rgb(200,204,117)
```
#c1cc75
```
#c1cc75 rgb(193,204,117)
```
#b9cc75
```
#b9cc75 rgb(185,204,117)
```

Similar Colors

Text with hexadecimal color #ccc975

This text has a font color of #ccc975.

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

#ccc975 background color

This paragraph has a background color of #ccc975.

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

#ccc975 border color

This element has a border color of #ccc975.

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

CSS codes

.text {color:#ccc975;}

.background {background-color:#ccc975;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#141307
```
#141307 rgb(20,19,7)
```
#22210d
```
#22210d rgb(34,33,13)
```
#302f12
```
#302f12 rgb(48,47,18)
```
#3f3d17
```
#3f3d17 rgb(63,61,23)
```
#4d4b1c
```
#4d4b1c rgb(77,75,28)
```
#5b5922
```
#5b5922 rgb(91,89,34)
```
#696727
```
#696727 rgb(105,103,39)
```
#78752c
```
#78752c rgb(120,117,44)
```
#868332
```
#868332 rgb(134,131,50)
```
#949137
```
#949137 rgb(148,145,55)
```
#a39f3c
```
#a39f3c rgb(163,159,60)
```
#b1ad41
```
#b1ad41 rgb(177,173,65)
```

Shade Color Variation

#bcb84a
```
#bcb84a rgb(188,184,74)
```
#c1be58
```
#c1be58 rgb(193,190,88)
```
#c7c367
```
#c7c367 rgb(199,195,103)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#d1cf83
```
#d1cf83 rgb(209,207,131)
```
#d7d492
```
#d7d492 rgb(215,212,146)
```
#dcdaa0
```
#dcdaa0 rgb(220,218,160)
```
#e1dfae
```
#e1dfae rgb(225,223,174)
```
#e6e5bd
```
#e6e5bd rgb(230,229,189)
```
#ecebcb
```
#ecebcb rgb(236,235,203)
```
#f1f0d9
```
#f1f0d9 rgb(241,240,217)
```
#f6f6e8
```
#f6f6e8 rgb(246,246,232)
```
#fcfbf6
```
#fcfbf6 rgb(252,251,246)
```

Tint Color Variation

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

#a8a799
```
#a8a799 rgb(168,167,153)
```
#afae92
```
#afae92 rgb(175,174,146)
```
#b6b58b
```
#b6b58b rgb(182,181,139)
```
#bdbb84
```
#bdbb84 rgb(189,187,132)
```
#c5c27c
```
#c5c27c rgb(197,194,124)
```
#ccc975
```
#ccc975 rgb(204,201,117)
```
#d3d06e
```
#d3d06e rgb(211,208,110)
```
#dbd766
```
#dbd766 rgb(219,215,102)
```
#e2dd5f
```
#e2dd5f rgb(226,221,95)
```
#e9e458
```
#e9e458 rgb(233,228,88)
```
#f0eb51
```
#f0eb51 rgb(240,235,81)
```
#f8f249
```
#f8f249 rgb(248,242,73)
```
#fff842
```
#fff842 rgb(255,248,66)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac87a Protanopia 1% of men
#f0bf80 Deuteranopia 1% of men
#d9c1cf Tritanopia 0.001% of the population

Trichromacy

#d5c878 Protanomaly 1% of men, 0.01% of women
#e3c37c Deuteranomaly 6% of men, 0.4% of women
#d4c4ae Tritanomaly 0.01% of the population

#ccc975 hex color

#ccc975 Color Information

#ccc975 Color Conversion

Color Schemes with #ccc975

Alternatives to #ccc975

#ccc975 Preview

Shades and Tints of #ccc975

Tones of #ccc975

Color Blindness Simulator