#ccc48d hex color

In a RGB color space, hex #ccc48d is composed of 80% red, 76.9% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 30.9% yellow and 20% black. It has a hue angle of 52.4 degrees, a saturation of 38.2% and a lightness of 67.6%. #ccc48d color hex could be obtained by blending #ffffff with #99891b. Closest websafe color is: #cccc99.

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

● #ccc48d color description : Slightly desaturated yellow.

The hexadecimal color #ccc48d has RGB values of R:204, G:196, B:141 and CMYK values of C:0, M:0.04, Y:0.31, K:0.2. Its decimal value is 13419661.

Hex triplet	ccc48d	`#ccc48d`
RGB Decimal	204, 196, 141	`rgb(204,196,141)`
RGB Percent	80, 76.9, 55.3	`rgb(80%,76.9%,55.3%)`
CMYK	0, 4, 31, 20
HSL	52.4°, 38.2, 67.6	`hsl(52.4,38.2%,67.6%)`
HSV (or HSB)	52.4°, 30.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.602, -5.629, 28.679
XYZ	49.449, 54.241, 33.063
xyY	0.362, 0.397, 54.241
CIE-LCH	78.602, 29.226, 101.104
CIE-LUV	78.602, 7.883, 39.834
Hunter-Lab	73.648, -9.037, 24.937
Binary	11001100, 11000100, 10001101

#ccc48d
```
#ccc48d rgb(204,196,141)
```
#8d95cc
```
#8d95cc rgb(141,149,204)
```

Complementary Color

#cca58d
```
#cca58d rgb(204,165,141)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#b5cc8d
```
#b5cc8d rgb(181,204,141)
```

Analogous Color

#a58dcc
```
#a58dcc rgb(165,141,204)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#8db5cc
```
#8db5cc rgb(141,181,204)
```

Split Complementary Color

#c48dcc
```
#c48dcc rgb(196,141,204)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#8dccc4
```
#8dccc4 rgb(141,204,196)
```

Triadic Color

#cc8d95
```
#cc8d95 rgb(204,141,149)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#8dccc4
```
#8dccc4 rgb(141,204,196)
```
#8d95cc
```
#8d95cc rgb(141,149,204)
```

Tetradic Color

#b4a958
```
#b4a958 rgb(180,169,88)
```
#bcb26a
```
#bcb26a rgb(188,178,106)
```
#c4bb7b
```
#c4bb7b rgb(196,187,123)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#d4cd9f
```
#d4cd9f rgb(212,205,159)
```
#dcd6b0
```
#dcd6b0 rgb(220,214,176)
```
#e4dfc2
```
#e4dfc2 rgb(228,223,194)
```

Monochromatic Color

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

#ccb48d
```
#ccb48d rgb(204,180,141)
```
#ccba8d
```
#ccba8d rgb(204,186,141)
```
#ccbf8d
```
#ccbf8d rgb(204,191,141)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#ccc98d
```
#ccc98d rgb(204,201,141)
```
#cacc8d
```
#cacc8d rgb(202,204,141)
```
#c4cc8d
```
#c4cc8d rgb(196,204,141)
```

Similar Colors

Text with hexadecimal color #ccc48d

This text has a font color of #ccc48d.

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

#ccc48d background color

This paragraph has a background color of #ccc48d.

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

#ccc48d border color

This element has a border color of #ccc48d.

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

CSS codes

.text {color:#ccc48d;}

.background {background-color:#ccc48d;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#16140a
```
#16140a rgb(22,20,10)
```
#232110
```
#232110 rgb(35,33,16)
```
#312d16
```
#312d16 rgb(49,45,22)
```
#3e3a1c
```
#3e3a1c rgb(62,58,28)
```
#4c4622
```
#4c4622 rgb(76,70,34)
```
#595328
```
#595328 rgb(89,83,40)
```
#67602e
```
#67602e rgb(103,96,46)
```
#746c34
```
#746c34 rgb(116,108,52)
```
#82793a
```
#82793a rgb(130,121,58)
```
#8f8540
```
#8f8540 rgb(143,133,64)
```
#9d9246
```
#9d9246 rgb(157,146,70)
```
#ab9f4c
```
#ab9f4c rgb(171,159,76)
```

Shade Color Variation

#b4a857
```
#b4a857 rgb(180,168,87)
```
#baaf64
```
#baaf64 rgb(186,175,100)
```
#c0b672
```
#c0b672 rgb(192,182,114)
```
#c6bd7f
```
#c6bd7f rgb(198,189,127)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#d2cb9b
```
#d2cb9b rgb(210,203,155)
```
#d8d2a8
```
#d8d2a8 rgb(216,210,168)
```
#ded9b6
```
#ded9b6 rgb(222,217,182)
```
#e4e0c3
```
#e4e0c3 rgb(228,224,195)
```
#eae7d1
```
#eae7d1 rgb(234,231,209)
```
#f0eede
```
#f0eede rgb(240,238,222)
```
#f6f5ec
```
#f6f5ec rgb(246,245,236)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#b3b1a6
```
#b3b1a6 rgb(179,177,166)
```
#b9b6a0
```
#b9b6a0 rgb(185,182,160)
```
#bfbb9a
```
#bfbb9a rgb(191,187,154)
```
#c6bf93
```
#c6bf93 rgb(198,191,147)
```
#ccc48d
```
#ccc48d rgb(204,196,141)
```
#d2c987
```
#d2c987 rgb(210,201,135)
```
#d9cd80
```
#d9cd80 rgb(217,205,128)
```
#dfd27a
```
#dfd27a rgb(223,210,122)
```
#e5d774
```
#e5d774 rgb(229,215,116)
```
#ecdc6d
```
#ecdc6d rgb(236,220,109)
```
#f2e067
```
#f2e067 rgb(242,224,103)
```
#f8e561
```
#f8e561 rgb(248,229,97)
```
#ffea5a
```
#ffea5a rgb(255,234,90)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c1b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c592 Protanopia 1% of men
#e7be95 Deuteranopia 1% of men
#d6bfcc Tritanopia 0.001% of the population

Trichromacy

#d1c490 Protanomaly 1% of men, 0.01% of women
#ddc092 Deuteranomaly 6% of men, 0.4% of women
#d2c1b5 Tritanomaly 0.01% of the population

#ccc48d hex color

#ccc48d Color Information

#ccc48d Color Conversion

Color Schemes with #ccc48d

Alternatives to #ccc48d

#ccc48d Preview

Shades and Tints of #ccc48d

Tones of #ccc48d

Color Blindness Simulator