#ccc74d hex color

In a RGB color space, hex #ccc74d is composed of 80% red, 78% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.5% magenta, 62.3% yellow and 20% black. It has a hue angle of 57.6 degrees, a saturation of 55.5% and a lightness of 55.1%. #ccc74d color hex could be obtained by blending #ffff9a with #998f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 78
- B 30
RGB color chart
- C 0
- M 2
- Y 62
- K 20
CMYK color chart

● #ccc74d color description : Moderate yellow.

The hexadecimal color #ccc74d has RGB values of R:204, G:199, B:77 and CMYK values of C:0, M:0.02, Y:0.62, K:0.2. Its decimal value is 13420365.

Hex triplet	ccc74d	`#ccc74d`
RGB Decimal	204, 199, 77	`rgb(204,199,77)`
RGB Percent	80, 78, 30.2	`rgb(80%,78%,30.2%)`
CMYK	0, 2, 62, 20
HSL	57.6°, 55.5, 55.1	`hsl(57.6,55.5%,55.1%)`
HSV (or HSB)	57.6°, 62.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.59, -13.272, 59.728
XYZ	46.665, 54.221, 15.028
xyY	0.403, 0.468, 54.221
CIE-LCH	78.59, 61.185, 102.528
CIE-LUV	78.59, 8.581, 72.375
Hunter-Lab	73.635, -15.74, 39.444
Binary	11001100, 11000111, 01001101

#ccc74d
```
#ccc74d rgb(204,199,77)
```
#4d52cc
```
#4d52cc rgb(77,82,204)
```

Complementary Color

#cc884d
```
#cc884d rgb(204,136,77)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#92cc4d
```
#92cc4d rgb(146,204,77)
```

Analogous Color

#884dcc
```
#884dcc rgb(136,77,204)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#4d92cc
```
#4d92cc rgb(77,146,204)
```

Split Complementary Color

#c74dcc
```
#c74dcc rgb(199,77,204)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#4dccc7
```
#4dccc7 rgb(77,204,199)
```

Triadic Color

#cc4d52
```
#cc4d52 rgb(204,77,82)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#4dccc7
```
#4dccc7 rgb(77,204,199)
```
#4d52cc
```
#4d52cc rgb(77,82,204)
```

Tetradic Color

#9f9a2e
```
#9f9a2e rgb(159,154,46)
```
#b3ae33
```
#b3ae33 rgb(179,174,51)
```
#c6c139
```
#c6c139 rgb(198,193,57)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#d2cd61
```
#d2cd61 rgb(210,205,97)
```
#d7d375
```
#d7d375 rgb(215,211,117)
```
#ddda88
```
#ddda88 rgb(221,218,136)
```

Monochromatic Color

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

#cca74d
```
#cca74d rgb(204,167,77)
```
#ccb24d
```
#ccb24d rgb(204,178,77)
```
#ccbc4d
```
#ccbc4d rgb(204,188,77)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#c6cc4d
```
#c6cc4d rgb(198,204,77)
```
#bccc4d
```
#bccc4d rgb(188,204,77)
```
#b1cc4d
```
#b1cc4d rgb(177,204,77)
```

Similar Colors

Text with hexadecimal color #ccc74d

This text has a font color of #ccc74d.

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

#ccc74d background color

This paragraph has a background color of #ccc74d.

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

#ccc74d border color

This element has a border color of #ccc74d.

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

CSS codes

.text {color:#ccc74d;}

.background {background-color:#ccc74d;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141406
```
#141406 rgb(20,20,6)
```
#23220a
```
#23220a rgb(35,34,10)
```
#33310f
```
#33310f rgb(51,49,15)
```
#424013
```
#424013 rgb(66,64,19)
```
#514f17
```
#514f17 rgb(81,79,23)
```
#605e1c
```
#605e1c rgb(96,94,28)
```
#706d20
```
#706d20 rgb(112,109,32)
```
#7f7b24
```
#7f7b24 rgb(127,123,36)
```
#8e8a29
```
#8e8a29 rgb(142,138,41)
```
#9d992d
```
#9d992d rgb(157,153,45)
```
#ada831
```
#ada831 rgb(173,168,49)
```
#bcb736
```
#bcb736 rgb(188,183,54)
```

Shade Color Variation

#c8c23e
```
#c8c23e rgb(200,194,62)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#d0cc5c
```
#d0cc5c rgb(208,204,92)
```
#d5d16b
```
#d5d16b rgb(213,209,107)
```
#d9d57b
```
#d9d57b rgb(217,213,123)
```
#ddda8a
```
#ddda8a rgb(221,218,138)
```
#e2df99
```
#e2df99 rgb(226,223,153)
```
#e6e4a8
```
#e6e4a8 rgb(230,228,168)
```
#ebe9b8
```
#ebe9b8 rgb(235,233,184)
```
#efedc7
```
#efedc7 rgb(239,237,199)
```
#f3f2d6
```
#f3f2d6 rgb(243,242,214)
```
#f8f7e5
```
#f8f7e5 rgb(248,247,229)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979682
```
#979682 rgb(151,150,130)
```
#a09e79
```
#a09e79 rgb(160,158,121)
```
#a9a770
```
#a9a770 rgb(169,167,112)
```
#b2af67
```
#b2af67 rgb(178,175,103)
```
#bab75f
```
#bab75f rgb(186,183,95)
```
#c3bf56
```
#c3bf56 rgb(195,191,86)
```
#ccc74d
```
#ccc74d rgb(204,199,77)
```
#d5cf44
```
#d5cf44 rgb(213,207,68)
```
#ded73b
```
#ded73b rgb(222,215,59)
```
#e6df33
```
#e6df33 rgb(230,223,51)
```
#efe72a
```
#efe72a rgb(239,231,42)
```
#f8f021
```
#f8f021 rgb(248,240,33)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebda5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc555 Protanopia 1% of men
#f2bc5b Deuteranopia 1% of men
#dabdcb Tritanopia 0.001% of the population

Trichromacy

#d5c652 Protanomaly 1% of men, 0.01% of women
#e4c056 Deuteranomaly 6% of men, 0.4% of women
#d5c19d Tritanomaly 0.01% of the population

#ccc74d hex color

#ccc74d Color Information

#ccc74d Color Conversion

Color Schemes with #ccc74d

Alternatives to #ccc74d

#ccc74d Preview

Shades and Tints of #ccc74d

Tones of #ccc74d

Color Blindness Simulator