#ccc770 hex color

In a RGB color space, hex #ccc770 is composed of 80% red, 78% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.5% magenta, 45.1% yellow and 20% black. It has a hue angle of 56.7 degrees, a saturation of 47.4% and a lightness of 62%. #ccc770 color hex could be obtained by blending #ffffe0 with #998f00. Closest websafe color is: #cccc66.

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

● #ccc770 color description : Slightly desaturated yellow.

The hexadecimal color #ccc770 has RGB values of R:204, G:199, B:112 and CMYK values of C:0, M:0.02, Y:0.45, K:0.2. Its decimal value is 13420400.

Hex triplet	ccc770	`#ccc770`
RGB Decimal	204, 199, 112	`rgb(204,199,112)`
RGB Percent	80, 78, 43.9	`rgb(80%,78%,43.9%)`
CMYK	0, 2, 45, 20
HSL	56.7°, 47.4, 62	`hsl(56.7,47.4%,62%)`
HSV (or HSB)	56.7°, 45.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.958, -10.439, 43.965
XYZ	48.25, 54.855, 23.375
xyY	0.381, 0.434, 54.855
CIE-LCH	78.958, 45.188, 103.357
CIE-LUV	78.958, 7.407, 57.688
Hunter-Lab	74.064, -13.327, 33.133
Binary	11001100, 11000111, 01110000

#ccc770
```
#ccc770 rgb(204,199,112)
```
#7075cc
```
#7075cc rgb(112,117,204)
```

Complementary Color

#cc9970
```
#cc9970 rgb(204,153,112)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#a3cc70
```
#a3cc70 rgb(163,204,112)
```

Analogous Color

#9970cc
```
#9970cc rgb(153,112,204)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#70a3cc
```
#70a3cc rgb(112,163,204)
```

Split Complementary Color

#c770cc
```
#c770cc rgb(199,112,204)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#70ccc7
```
#70ccc7 rgb(112,204,199)
```

Triadic Color

#cc7075
```
#cc7075 rgb(204,112,117)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#70ccc7
```
#70ccc7 rgb(112,204,199)
```
#7075cc
```
#7075cc rgb(112,117,204)
```

Tetradic Color

#b1aa3f
```
#b1aa3f rgb(177,170,63)
```
#bfb84a
```
#bfb84a rgb(191,184,74)
```
#c5c05d
```
#c5c05d rgb(197,192,93)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#d3ce83
```
#d3ce83 rgb(211,206,131)
```
#d9d696
```
#d9d696 rgb(217,214,150)
```
#e0dda8
```
#e0dda8 rgb(224,221,168)
```

Monochromatic Color

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

#ccb070
```
#ccb070 rgb(204,176,112)
```
#ccb870
```
#ccb870 rgb(204,184,112)
```
#ccbf70
```
#ccbf70 rgb(204,191,112)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#c9cc70
```
#c9cc70 rgb(201,204,112)
```
#c2cc70
```
#c2cc70 rgb(194,204,112)
```
#bacc70
```
#bacc70 rgb(186,204,112)
```

Similar Colors

Text with hexadecimal color #ccc770

This text has a font color of #ccc770.

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

#ccc770 background color

This paragraph has a background color of #ccc770.

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

#ccc770 border color

This element has a border color of #ccc770.

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

CSS codes

.text {color:#ccc770;}

.background {background-color:#ccc770;}

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

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 #fafaf2 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#100f06
```
#100f06 rgb(16,15,6)
```
#1f1d0b
```
#1f1d0b rgb(31,29,11)
```
#2d2b10
```
#2d2b10 rgb(45,43,16)
```
#3b3915
```
#3b3915 rgb(59,57,21)
```
#4a471a
```
#4a471a rgb(74,71,26)
```
#585520
```
#585520 rgb(88,85,32)
```
#676325
```
#676325 rgb(103,99,37)
```
#75712a
```
#75712a rgb(117,113,42)
```
#847f2f
```
#847f2f rgb(132,127,47)
```
#928d34
```
#928d34 rgb(146,141,52)
```
#a19b39
```
#a19b39 rgb(161,155,57)
```
#afa93e
```
#afa93e rgb(175,169,62)
```

Shade Color Variation

#bdb645
```
#bdb645 rgb(189,182,69)
```
#c2bc53
```
#c2bc53 rgb(194,188,83)
```
#c7c162
```
#c7c162 rgb(199,193,98)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#d1cd7e
```
#d1cd7e rgb(209,205,126)
```
#d6d28d
```
#d6d28d rgb(214,210,141)
```
#dbd89b
```
#dbd89b rgb(219,216,155)
```
#e1deaa
```
#e1deaa rgb(225,222,170)
```
#e6e3b8
```
#e6e3b8 rgb(230,227,184)
```
#ebe9c7
```
#ebe9c7 rgb(235,233,199)
```
#f0efd5
```
#f0efd5 rgb(240,239,213)
```
#f5f4e4
```
#f5f4e4 rgb(245,244,228)
```
#fafaf2
```
#fafaf2 rgb(250,250,242)
```

Tint Color Variation

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

#9f9f9d
```
#9f9f9d rgb(159,159,157)
```
#a7a695
```
#a7a695 rgb(167,166,149)
```
#aeac8e
```
#aeac8e rgb(174,172,142)
```
#b6b386
```
#b6b386 rgb(182,179,134)
```
#bdba7f
```
#bdba7f rgb(189,186,127)
```
#c5c077
```
#c5c077 rgb(197,192,119)
```
#ccc770
```
#ccc770 rgb(204,199,112)
```
#d3ce69
```
#d3ce69 rgb(211,206,105)
```
#dbd461
```
#dbd461 rgb(219,212,97)
```
#e2db5a
```
#e2db5a rgb(226,219,90)
```
#eae252
```
#eae252 rgb(234,226,82)
```
#f1e84b
```
#f1e84b rgb(241,232,75)
```
#f9ef43
```
#f9ef43 rgb(249,239,67)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2c1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c676 Protanopia 1% of men
#efbe7b Deuteranopia 1% of men
#d9bfcd Tritanopia 0.001% of the population

Trichromacy

#d4c674 Protanomaly 1% of men, 0.01% of women
#e2c177 Deuteranomaly 6% of men, 0.4% of women
#d4c2ab Tritanomaly 0.01% of the population

#ccc770 hex color

#ccc770 Color Information

#ccc770 Color Conversion

Color Schemes with #ccc770

Alternatives to #ccc770

#ccc770 Preview

Shades and Tints of #ccc770

Tones of #ccc770

Color Blindness Simulator