#ccc364 hex color

In a RGB color space, hex #ccc364 is composed of 80% red, 76.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 51% yellow and 20% black. It has a hue angle of 54.8 degrees, a saturation of 50.5% and a lightness of 59.6%. #ccc364 color hex could be obtained by blending #ffffc8 with #998700. Closest websafe color is: #cccc66.

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

● #ccc364 color description : Moderate yellow.

The hexadecimal color #ccc364 has RGB values of R:204, G:195, B:100 and CMYK values of C:0, M:0.04, Y:0.51, K:0.2. Its decimal value is 13419364.

Hex triplet	ccc364	`#ccc364`
RGB Decimal	204, 195, 100	`rgb(204,195,100)`
RGB Percent	80, 76.5, 39.2	`rgb(80%,76.5%,39.2%)`
CMYK	0, 4, 51, 20
HSL	54.8°, 50.5, 59.6	`hsl(54.8,50.5%,59.6%)`
HSV (or HSB)	54.8°, 51, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.75, -9.502, 48.359
XYZ	46.717, 52.789, 19.784
xyY	0.392, 0.443, 52.789
CIE-LCH	77.75, 49.284, 101.117
CIE-LUV	77.75, 10.388, 61.438
Hunter-Lab	72.656, -12.374, 34.714
Binary	11001100, 11000011, 01100100

#ccc364
```
#ccc364 rgb(204,195,100)
```
#646dcc
```
#646dcc rgb(100,109,204)
```

Complementary Color

#cc8f64
```
#cc8f64 rgb(204,143,100)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#a1cc64
```
#a1cc64 rgb(161,204,100)
```

Analogous Color

#8f64cc
```
#8f64cc rgb(143,100,204)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#64a1cc
```
#64a1cc rgb(100,161,204)
```

Split Complementary Color

#c364cc
```
#c364cc rgb(195,100,204)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#64ccc3
```
#64ccc3 rgb(100,204,195)
```

Triadic Color

#cc646d
```
#cc646d rgb(204,100,109)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#64ccc3
```
#64ccc3 rgb(100,204,195)
```
#646dcc
```
#646dcc rgb(100,109,204)
```

Tetradic Color

#aba138
```
#aba138 rgb(171,161,56)
```
#beb33f
```
#beb33f rgb(190,179,63)
```
#c6bc51
```
#c6bc51 rgb(198,188,81)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#d2ca77
```
#d2ca77 rgb(210,202,119)
```
#d9d28a
```
#d9d28a rgb(217,210,138)
```
#dfd99e
```
#dfd99e rgb(223,217,158)
```

Monochromatic Color

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

#cca964
```
#cca964 rgb(204,169,100)
```
#ccb264
```
#ccb264 rgb(204,178,100)
```
#ccba64
```
#ccba64 rgb(204,186,100)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#cccc64
```
#cccc64 rgb(204,204,100)
```
#c4cc64
```
#c4cc64 rgb(196,204,100)
```
#bbcc64
```
#bbcc64 rgb(187,204,100)
```

Similar Colors

Text with hexadecimal color #ccc364

This text has a font color of #ccc364.

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

#ccc364 background color

This paragraph has a background color of #ccc364.

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

#ccc364 border color

This element has a border color of #ccc364.

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

CSS codes

.text {color:#ccc364;}

.background {background-color:#ccc364;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#161507
```
#161507 rgb(22,21,7)
```
#25230c
```
#25230c rgb(37,35,12)
```
#343111
```
#343111 rgb(52,49,17)
```
#423f16
```
#423f16 rgb(66,63,22)
```
#514c1b
```
#514c1b rgb(81,76,27)
```
#605a20
```
#605a20 rgb(96,90,32)
```
#6f6824
```
#6f6824 rgb(111,104,36)
```
#7d7629
```
#7d7629 rgb(125,118,41)
```
#8c842e
```
#8c842e rgb(140,132,46)
```
#9b9233
```
#9b9233 rgb(155,146,51)
```
#aaa038
```
#aaa038 rgb(170,160,56)
```
#b8ae3d
```
#b8ae3d rgb(184,174,61)
```

Shade Color Variation

#c2b846
```
#c2b846 rgb(194,184,70)
```
#c7bd55
```
#c7bd55 rgb(199,189,85)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#d1c973
```
#d1c973 rgb(209,201,115)
```
#d6ce82
```
#d6ce82 rgb(214,206,130)
```
#dbd490
```
#dbd490 rgb(219,212,144)
```
#dfda9f
```
#dfda9f rgb(223,218,159)
```
#e4e0ae
```
#e4e0ae rgb(228,224,174)
```
#e9e5bd
```
#e9e5bd rgb(233,229,189)
```
#eeebcb
```
#eeebcb rgb(238,235,203)
```
#f3f1da
```
#f3f1da rgb(243,241,218)
```
#f8f6e9
```
#f8f6e9 rgb(248,246,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#9c9c94
```
#9c9c94 rgb(156,156,148)
```
#a4a28c
```
#a4a28c rgb(164,162,140)
```
#aca984
```
#aca984 rgb(172,169,132)
```
#b4af7c
```
#b4af7c rgb(180,175,124)
```
#bcb674
```
#bcb674 rgb(188,182,116)
```
#c4bc6c
```
#c4bc6c rgb(196,188,108)
```
#ccc364
```
#ccc364 rgb(204,195,100)
```
#d4ca5c
```
#d4ca5c rgb(212,202,92)
```
#dcd054
```
#dcd054 rgb(220,208,84)
```
#e4d74c
```
#e4d74c rgb(228,215,76)
```
#ecdd44
```
#ecdd44 rgb(236,221,68)
```
#f4e43c
```
#f4e43c rgb(244,228,60)
```
#fcea34
```
#fcea34 rgb(252,234,52)
```

Tone Color Variation

Below, you can see how #ccc364 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
#bebdaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c36b Protanopia 1% of men
#edba6f Deuteranopia 1% of men
#d9bbc8 Tritanopia 0.001% of the population

Trichromacy

#d2c368 Protanomaly 1% of men, 0.01% of women
#e1bd6b Deuteranomaly 6% of men, 0.4% of women
#d4bea4 Tritanomaly 0.01% of the population

#ccc364 hex color

#ccc364 Color Information

#ccc364 Color Conversion

Color Schemes with #ccc364

Alternatives to #ccc364

#ccc364 Preview

Shades and Tints of #ccc364

Tones of #ccc364

Color Blindness Simulator