#ccc974 hex color

In a RGB color space, hex #ccc974 is composed of 80% red, 78.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 43.1% yellow and 20% black. It has a hue angle of 58 degrees, a saturation of 46.3% and a lightness of 62.7%. #ccc974 color hex could be obtained by blending #ffffe8 with #999300. Closest websafe color is: #cccc66.

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

● #ccc974 color description : Slightly desaturated yellow.

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

Hex triplet	ccc974	`#ccc974`
RGB Decimal	204, 201, 116	`rgb(204,201,116)`
RGB Percent	80, 78.8, 45.5	`rgb(80%,78.8%,45.5%)`
CMYK	0, 1, 43, 20
HSL	58°, 46.3, 62.7	`hsl(58,46.3%,62.7%)`
HSV (or HSB)	58°, 43.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.541, -11.059, 42.703
XYZ	48.94, 55.872, 24.728
xyY	0.378, 0.431, 55.872
CIE-LCH	79.541, 44.112, 104.519
CIE-LUV	79.541, 6.02, 56.672
Hunter-Lab	74.748, -13.937, 32.709
Binary	11001100, 11001001, 01110100

#ccc974
```
#ccc974 rgb(204,201,116)
```
#7477cc
```
#7477cc rgb(116,119,204)
```

Complementary Color

#cc9d74
```
#cc9d74 rgb(204,157,116)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#a3cc74
```
#a3cc74 rgb(163,204,116)
```

Analogous Color

#9d74cc
```
#9d74cc rgb(157,116,204)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#74a3cc
```
#74a3cc rgb(116,163,204)
```

Split Complementary Color

#c974cc
```
#c974cc rgb(201,116,204)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#74ccc9
```
#74ccc9 rgb(116,204,201)
```

Triadic Color

#cc7477
```
#cc7477 rgb(204,116,119)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#74ccc9
```
#74ccc9 rgb(116,204,201)
```
#7477cc
```
#7477cc rgb(116,119,204)
```

Tetradic Color

#b2ae41
```
#b2ae41 rgb(178,174,65)
```
#bebb4f
```
#bebb4f rgb(190,187,79)
```
#c5c261
```
#c5c261 rgb(197,194,97)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#d3d087
```
#d3d087 rgb(211,208,135)
```
#dad799
```
#dad799 rgb(218,215,153)
```
#e1dfac
```
#e1dfac rgb(225,223,172)
```

Monochromatic Color

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

#ccb374
```
#ccb374 rgb(204,179,116)
```
#ccba74
```
#ccba74 rgb(204,186,116)
```
#ccc274
```
#ccc274 rgb(204,194,116)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#c8cc74
```
#c8cc74 rgb(200,204,116)
```
#c0cc74
```
#c0cc74 rgb(192,204,116)
```
#b9cc74
```
#b9cc74 rgb(185,204,116)
```

Similar Colors

Text with hexadecimal color #ccc974

This text has a font color of #ccc974.

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

#ccc974 background color

This paragraph has a background color of #ccc974.

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

#ccc974 border color

This element has a border color of #ccc974.

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

CSS codes

.text {color:#ccc974;}

.background {background-color:#ccc974;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#131207
```
#131207 rgb(19,18,7)
```
#21200c
```
#21200c rgb(33,32,12)
```
#302f11
```
#302f11 rgb(48,47,17)
```
#3e3d17
```
#3e3d17 rgb(62,61,23)
```
#4c4b1c
```
#4c4b1c rgb(76,75,28)
```
#5b5921
```
#5b5921 rgb(91,89,33)
```
#696727
```
#696727 rgb(105,103,39)
```
#77752c
```
#77752c rgb(119,117,44)
```
#868331
```
#868331 rgb(134,131,49)
```
#949136
```
#949136 rgb(148,145,54)
```
#a29f3c
```
#a29f3c rgb(162,159,60)
```
#b1ad41
```
#b1ad41 rgb(177,173,65)
```

Shade Color Variation

#bcb849
```
#bcb849 rgb(188,184,73)
```
#c1be57
```
#c1be57 rgb(193,190,87)
```
#c7c366
```
#c7c366 rgb(199,195,102)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#d1cf82
```
#d1cf82 rgb(209,207,130)
```
#d7d491
```
#d7d491 rgb(215,212,145)
```
#dcda9f
```
#dcda9f rgb(220,218,159)
```
#e1dfad
```
#e1dfad rgb(225,223,173)
```
#e6e5bc
```
#e6e5bc rgb(230,229,188)
```
#eceaca
```
#eceaca rgb(236,234,202)
```
#f1f0d8
```
#f1f0d8 rgb(241,240,216)
```
#f6f6e7
```
#f6f6e7 rgb(246,246,231)
```
#fbfbf5
```
#fbfbf5 rgb(251,251,245)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a7a799
```
#a7a799 rgb(167,167,153)
```
#afae91
```
#afae91 rgb(175,174,145)
```
#b6b58a
```
#b6b58a rgb(182,181,138)
```
#bdbb83
```
#bdbb83 rgb(189,187,131)
```
#c5c27b
```
#c5c27b rgb(197,194,123)
```
#ccc974
```
#ccc974 rgb(204,201,116)
```
#d3d06d
```
#d3d06d rgb(211,208,109)
```
#dbd765
```
#dbd765 rgb(219,215,101)
```
#e2dd5e
```
#e2dd5e rgb(226,221,94)
```
#e9e457
```
#e9e457 rgb(233,228,87)
```
#f1eb4f
```
#f1eb4f rgb(241,235,79)
```
#f8f248
```
#f8f248 rgb(248,242,72)
```

Tone Color Variation

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

#dac879 Protanopia 1% of men
#f0bf7f Deuteranopia 1% of men
#d9c1cf Tritanopia 0.001% of the population

Trichromacy

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

#ccc974 hex color

#ccc974 Color Information

#ccc974 Color Conversion

Color Schemes with #ccc974

Alternatives to #ccc974

#ccc974 Preview

Shades and Tints of #ccc974

Tones of #ccc974

Color Blindness Simulator