#ccc997 hex color

In a RGB color space, hex #ccc997 is composed of 80% red, 78.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 26% yellow and 20% black. It has a hue angle of 56.6 degrees, a saturation of 34.2% and a lightness of 69.6%. #ccc997 color hex could be obtained by blending #ffffff with #99932f. Closest websafe color is: #cccc99.

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

● #ccc997 color description : Slightly desaturated yellow.

The hexadecimal color #ccc997 has RGB values of R:204, G:201, B:151 and CMYK values of C:0, M:0.01, Y:0.26, K:0.2. Its decimal value is 13420951.

Hex triplet	ccc997	`#ccc997`
RGB Decimal	204, 201, 151	`rgb(204,201,151)`
RGB Percent	80, 78.8, 59.2	`rgb(80%,78.8%,59.2%)`
CMYK	0, 1, 26, 20
HSL	56.6°, 34.2, 69.6	`hsl(56.6,34.2%,69.6%)`
HSV (or HSB)	56.6°, 26, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.093, -6.902, 25.433
XYZ	51.374, 56.846, 37.542
xyY	0.352, 0.39, 56.846
CIE-LCH	80.093, 26.353, 105.184
CIE-LUV	80.093, 4.459, 36.315
Hunter-Lab	75.396, -10.316, 23.254
Binary	11001100, 11001001, 10010111

#ccc997
```
#ccc997 rgb(204,201,151)
```
#979acc
```
#979acc rgb(151,154,204)
```

Complementary Color

#ccaf97
```
#ccaf97 rgb(204,175,151)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#b5cc97
```
#b5cc97 rgb(181,204,151)
```

Analogous Color

#af97cc
```
#af97cc rgb(175,151,204)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#97b5cc
```
#97b5cc rgb(151,181,204)
```

Split Complementary Color

#c997cc
```
#c997cc rgb(201,151,204)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#97ccc9
```
#97ccc9 rgb(151,204,201)
```

Triadic Color

#cc979a
```
#cc979a rgb(204,151,154)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#97ccc9
```
#97ccc9 rgb(151,204,201)
```
#979acc
```
#979acc rgb(151,154,204)
```

Tetradic Color

#b3ae64
```
#b3ae64 rgb(179,174,100)
```
#bbb775
```
#bbb775 rgb(187,183,117)
```
#c4c086
```
#c4c086 rgb(196,192,134)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#d4d2a8
```
#d4d2a8 rgb(212,210,168)
```
#dddbb9
```
#dddbb9 rgb(221,219,185)
```
#e5e4ca
```
#e5e4ca rgb(229,228,202)
```

Monochromatic Color

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

#ccbc97
```
#ccbc97 rgb(204,188,151)
```
#ccc097
```
#ccc097 rgb(204,192,151)
```
#ccc597
```
#ccc597 rgb(204,197,151)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#cbcc97
```
#cbcc97 rgb(203,204,151)
```
#c6cc97
```
#c6cc97 rgb(198,204,151)
```
#c2cc97
```
#c2cc97 rgb(194,204,151)
```

Similar Colors

Text with hexadecimal color #ccc997

This text has a font color of #ccc997.

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

#ccc997 background color

This paragraph has a background color of #ccc997.

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

#ccc997 border color

This element has a border color of #ccc997.

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

CSS codes

.text {color:#ccc997;}

.background {background-color:#ccc997;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0e07
```
#0e0e07 rgb(14,14,7)
```
#1c1b0e
```
#1c1b0e rgb(28,27,14)
```
#292814
```
#292814 rgb(41,40,20)
```
#36341a
```
#36341a rgb(54,52,26)
```
#434121
```
#434121 rgb(67,65,33)
```
#504e27
```
#504e27 rgb(80,78,39)
```
#5d5b2e
```
#5d5b2e rgb(93,91,46)
```
#6b6834
```
#6b6834 rgb(107,104,52)
```
#78743b
```
#78743b rgb(120,116,59)
```
#858141
```
#858141 rgb(133,129,65)
```
#928e48
```
#928e48 rgb(146,142,72)
```
#9f9b4e
```
#9f9b4e rgb(159,155,78)
```

Shade Color Variation

#aca755
```
#aca755 rgb(172,167,85)
```
#b2ae62
```
#b2ae62 rgb(178,174,98)
```
#b9b470
```
#b9b470 rgb(185,180,112)
```
#bfbb7d
```
#bfbb7d rgb(191,187,125)
```
#c6c28a
```
#c6c28a rgb(198,194,138)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#d2d0a4
```
#d2d0a4 rgb(210,208,164)
```
#d9d7b1
```
#d9d7b1 rgb(217,215,177)
```
#dfdebe
```
#dfdebe rgb(223,222,190)
```
#e6e4cc
```
#e6e4cc rgb(230,228,204)
```
#ecebd9
```
#ecebd9 rgb(236,235,217)
```
#f3f2e6
```
#f3f2e6 rgb(243,242,230)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#b4b4af
```
#b4b4af rgb(180,180,175)
```
#bab9a9
```
#bab9a9 rgb(186,185,169)
```
#c0bea3
```
#c0bea3 rgb(192,190,163)
```
#c6c49d
```
#c6c49d rgb(198,196,157)
```
#ccc997
```
#ccc997 rgb(204,201,151)
```
#d2ce91
```
#d2ce91 rgb(210,206,145)
```
#d8d48b
```
#d8d48b rgb(216,212,139)
```
#ded985
```
#ded985 rgb(222,217,133)
```
#e4de7f
```
#e4de7f rgb(228,222,127)
```
#eae379
```
#eae379 rgb(234,227,121)
```
#f0e973
```
#f0e973 rgb(240,233,115)
```
#f6ee6d
```
#f6ee6d rgb(246,238,109)
```
#fcf367
```
#fcf367 rgb(252,243,103)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c5bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c99b Protanopia 1% of men
#eac19f Deuteranopia 1% of men
#d6c4d2 Tritanopia 0.001% of the population

Trichromacy

#d3c999 Protanomaly 1% of men, 0.01% of women
#dfc49c Deuteranomaly 6% of men, 0.4% of women
#d2c6bc Tritanomaly 0.01% of the population

#ccc997 hex color

#ccc997 Color Information

#ccc997 Color Conversion

Color Schemes with #ccc997

Alternatives to #ccc997

#ccc997 Preview

Shades and Tints of #ccc997

Tones of #ccc997

Color Blindness Simulator