#ccc499 hex color

In a RGB color space, hex #ccc499 is composed of 80% red, 76.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 25% yellow and 20% black. It has a hue angle of 50.6 degrees, a saturation of 33.3% and a lightness of 70%. #ccc499 color hex could be obtained by blending #ffffff with #998933. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 77
- B 60
RGB color chart
- C 0
- M 4
- Y 25
- K 20
CMYK color chart

● #ccc499 color description : Slightly desaturated yellow.

The hexadecimal color #ccc499 has RGB values of R:204, G:196, B:153 and CMYK values of C:0, M:0.04, Y:0.25, K:0.2. Its decimal value is 13419673.

Hex triplet	ccc499	`#ccc499`
RGB Decimal	204, 196, 153	`rgb(204,196,153)`
RGB Percent	80, 76.9, 60	`rgb(80%,76.9%,60%)`
CMYK	0, 4, 25, 20
HSL	50.6°, 33.3, 70	`hsl(50.6,33.3%,70%)`
HSV (or HSB)	50.6°, 25, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.821, -4.034, 22.644
XYZ	50.391, 54.618, 38.023
xyY	0.352, 0.382, 54.618
CIE-LCH	78.821, 23, 100.1
CIE-LUV	78.821, 7.232, 32.129
Hunter-Lab	73.904, -7.623, 21.228
Binary	11001100, 11000100, 10011001

#ccc499
```
#ccc499 rgb(204,196,153)
```
#99a1cc
```
#99a1cc rgb(153,161,204)
```

Complementary Color

#ccab99
```
#ccab99 rgb(204,171,153)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#bbcc99
```
#bbcc99 rgb(187,204,153)
```

Analogous Color

#ab99cc
```
#ab99cc rgb(171,153,204)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#99bbcc
```
#99bbcc rgb(153,187,204)
```

Split Complementary Color

#c499cc
```
#c499cc rgb(196,153,204)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#99ccc4
```
#99ccc4 rgb(153,204,196)
```

Triadic Color

#cc99a1
```
#cc99a1 rgb(204,153,161)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#99ccc4
```
#99ccc4 rgb(153,204,196)
```
#99a1cc
```
#99a1cc rgb(153,161,204)
```

Tetradic Color

#b3a766
```
#b3a766 rgb(179,167,102)
```
#bbb077
```
#bbb077 rgb(187,176,119)
```
#c4ba88
```
#c4ba88 rgb(196,186,136)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#d5ceaa
```
#d5ceaa rgb(213,206,170)
```
#ddd8bb
```
#ddd8bb rgb(221,216,187)
```
#e6e2cc
```
#e6e2cc rgb(230,226,204)
```

Monochromatic Color

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

#ccb799
```
#ccb799 rgb(204,183,153)
```
#ccbc99
```
#ccbc99 rgb(204,188,153)
```
#ccc099
```
#ccc099 rgb(204,192,153)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#ccc899
```
#ccc899 rgb(204,200,153)
```
#cccc99
```
#cccc99 rgb(204,204,153)
```
#c7cc99
```
#c7cc99 rgb(199,204,153)
```

Similar Colors

Text with hexadecimal color #ccc499

This text has a font color of #ccc499.

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

#ccc499 background color

This paragraph has a background color of #ccc499.

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

#ccc499 border color

This element has a border color of #ccc499.

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

CSS codes

.text {color:#ccc499;}

.background {background-color:#ccc499;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#100e08
```
#100e08 rgb(16,14,8)
```
#1d1b0e
```
#1d1b0e rgb(29,27,14)
```
#2a2715
```
#2a2715 rgb(42,39,21)
```
#37331b
```
#37331b rgb(55,51,27)
```
#443f22
```
#443f22 rgb(68,63,34)
```
#514b29
```
#514b29 rgb(81,75,41)
```
#5e572f
```
#5e572f rgb(94,87,47)
```
#6b6336
```
#6b6336 rgb(107,99,54)
```
#786f3c
```
#786f3c rgb(120,111,60)
```
#857b43
```
#857b43 rgb(133,123,67)
```
#928749
```
#928749 rgb(146,135,73)
```
#a09350
```
#a09350 rgb(160,147,80)
```

Shade Color Variation

#ab9e58
```
#ab9e58 rgb(171,158,88)
```
#b2a665
```
#b2a665 rgb(178,166,101)
```
#b8ad72
```
#b8ad72 rgb(184,173,114)
```
#bfb57f
```
#bfb57f rgb(191,181,127)
```
#c5bc8c
```
#c5bc8c rgb(197,188,140)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#d3cca6
```
#d3cca6 rgb(211,204,166)
```
#d9d3b3
```
#d9d3b3 rgb(217,211,179)
```
#e0dbc0
```
#e0dbc0 rgb(224,219,192)
```
#e6e2cd
```
#e6e2cd rgb(230,226,205)
```
#edeada
```
#edeada rgb(237,234,218)
```
#f3f1e7
```
#f3f1e7 rgb(243,241,231)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#b4b4b1
```
#b4b4b1 rgb(180,180,177)
```
#bab8ab
```
#bab8ab rgb(186,184,171)
```
#c0bca5
```
#c0bca5 rgb(192,188,165)
```
#c6c09f
```
#c6c09f rgb(198,192,159)
```
#ccc499
```
#ccc499 rgb(204,196,153)
```
#d2c893
```
#d2c893 rgb(210,200,147)
```
#d8cc8d
```
#d8cc8d rgb(216,204,141)
```
#ded087
```
#ded087 rgb(222,208,135)
```
#e4d481
```
#e4d481 rgb(228,212,129)
```
#e9d87c
```
#e9d87c rgb(233,216,124)
```
#efdc76
```
#efdc76 rgb(239,220,118)
```
#f5e070
```
#f5e070 rgb(245,224,112)
```
#fbe46a
```
#fbe46a rgb(251,228,106)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c2b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c59d Protanopia 1% of men
#e5bea0 Deuteranopia 1% of men
#d5c0ce Tritanopia 0.001% of the population

Trichromacy

#d0c59c Protanomaly 1% of men, 0.01% of women
#dcc09d Deuteranomaly 6% of men, 0.4% of women
#d2c1ba Tritanomaly 0.01% of the population

#ccc499 hex color

#ccc499 Color Information

#ccc499 Color Conversion

Color Schemes with #ccc499

Alternatives to #ccc499

#ccc499 Preview

Shades and Tints of #ccc499

Tones of #ccc499

Color Blindness Simulator