#cccd48 hex color

In a RGB color space, hex #cccd48 is composed of 80% red, 80.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 64.9% yellow and 19.6% black. It has a hue angle of 60.5 degrees, a saturation of 57.1% and a lightness of 54.3%. #cccd48 color hex could be obtained by blending #ffff90 with #999b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 80
- B 28
RGB color chart
- C 0
- M 0
- Y 65
- K 20
CMYK color chart

● #cccd48 color description : Moderate yellow.

The hexadecimal color #cccd48 has RGB values of R:204, G:205, B:72 and CMYK values of C:0, M:0, Y:0.65, K:0.2. Its decimal value is 13421896.

Hex triplet	cccd48	`#cccd48`
RGB Decimal	204, 205, 72	`rgb(204,205,72)`
RGB Percent	80, 80.4, 28.2	`rgb(80%,80.4%,28.2%)`
CMYK	0, 0, 65, 20
HSL	60.5°, 57.1, 54.3	`hsl(60.5,57.1%,54.3%)`
HSV (or HSB)	60.5°, 64.9, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.162, -16.588, 63.422
XYZ	47.903, 56.969, 14.603
xyY	0.401, 0.477, 56.969
CIE-LCH	80.162, 65.555, 104.657
CIE-LUV	80.162, 4.853, 76.605
Hunter-Lab	75.478, -18.798, 41.363
Binary	11001100, 11001101, 01001000

#cccd48
```
#cccd48 rgb(204,205,72)
```
#4948cd
```
#4948cd rgb(73,72,205)
```

Complementary Color

#cd8c48
```
#cd8c48 rgb(205,140,72)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#8acd48
```
#8acd48 rgb(138,205,72)
```

Analogous Color

#8c48cd
```
#8c48cd rgb(140,72,205)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#488acd
```
#488acd rgb(72,138,205)
```

Split Complementary Color

#cd48cc
```
#cd48cc rgb(205,72,204)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#48cccd
```
#48cccd rgb(72,204,205)
```

Triadic Color

#cd4948
```
#cd4948 rgb(205,73,72)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#48cccd
```
#48cccd rgb(72,204,205)
```
#4948cd
```
#4948cd rgb(73,72,205)
```

Tetradic Color

#9d9d2b
```
#9d9d2b rgb(157,157,43)
```
#b1b230
```
#b1b230 rgb(177,178,48)
```
#c4c636
```
#c4c636 rgb(196,198,54)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#d2d25c
```
#d2d25c rgb(210,210,92)
```
#d7d870
```
#d7d870 rgb(215,216,112)
```
#dddd84
```
#dddd84 rgb(221,221,132)
```

Monochromatic Color

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

#cdad48
```
#cdad48 rgb(205,173,72)
```
#cdb848
```
#cdb848 rgb(205,184,72)
```
#cdc348
```
#cdc348 rgb(205,195,72)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#c1cd48
```
#c1cd48 rgb(193,205,72)
```
#b6cd48
```
#b6cd48 rgb(182,205,72)
```
#abcd48
```
#abcd48 rgb(171,205,72)
```

Similar Colors

Text with hexadecimal color #cccd48

This text has a font color of #cccd48.

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

#cccd48 background color

This paragraph has a background color of #cccd48.

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

#cccd48 border color

This element has a border color of #cccd48.

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

CSS codes

.text {color:#cccd48;}

.background {background-color:#cccd48;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111105
```
#111105 rgb(17,17,5)
```
#212109
```
#212109 rgb(33,33,9)
```
#30300d
```
#30300d rgb(48,48,13)
```
#3f3f11
```
#3f3f11 rgb(63,63,17)
```
#4e4f16
```
#4e4f16 rgb(78,79,22)
```
#5e5e1a
```
#5e5e1a rgb(94,94,26)
```
#6d6e1e
```
#6d6e1e rgb(109,110,30)
```
#7c7d22
```
#7c7d22 rgb(124,125,34)
```
#8c8d26
```
#8c8d26 rgb(140,141,38)
```
#9b9c2b
```
#9b9c2b rgb(155,156,43)
```
#aaab2f
```
#aaab2f rgb(170,171,47)
```
#babb33
```
#babb33 rgb(186,187,51)
```

Shade Color Variation

#c8c939
```
#c8c939 rgb(200,201,57)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#d0d157
```
#d0d157 rgb(208,209,87)
```
#d5d567
```
#d5d567 rgb(213,213,103)
```
#d9da76
```
#d9da76 rgb(217,218,118)
```
#ddde86
```
#ddde86 rgb(221,222,134)
```
#e1e295
```
#e1e295 rgb(225,226,149)
```
#e6e6a4
```
#e6e6a4 rgb(230,230,164)
```
#eaeab4
```
#eaeab4 rgb(234,234,180)
```
#eeefc3
```
#eeefc3 rgb(238,239,195)
```
#f3f3d3
```
#f3f3d3 rgb(243,243,211)
```
#f7f7e2
```
#f7f7e2 rgb(247,247,226)
```
#fbfbf1
```
#fbfbf1 rgb(251,251,241)
```

Tint Color Variation

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

#8e8e87
```
#8e8e87 rgb(142,142,135)
```
#97977e
```
#97977e rgb(151,151,126)
```
#a0a075
```
#a0a075 rgb(160,160,117)
```
#a9a96c
```
#a9a96c rgb(169,169,108)
```
#b2b263
```
#b2b263 rgb(178,178,99)
```
#babb5a
```
#babb5a rgb(186,187,90)
```
#c3c451
```
#c3c451 rgb(195,196,81)
```
#cccd48
```
#cccd48 rgb(204,205,72)
```
#d5d63f
```
#d5d63f rgb(213,214,63)
```
#dedf36
```
#dedf36 rgb(222,223,54)
```
#e6e82d
```
#e6e82d rgb(230,232,45)
```
#eff124
```
#eff124 rgb(239,241,36)
```
#f8fa1b
```
#f8fa1b rgb(248,250,27)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca4f Protanopia 1% of men
#f8c057 Deuteranopia 1% of men
#dbc3d0 Tritanopia 0.001% of the population

Trichromacy

#d8cb4d Protanomaly 1% of men, 0.01% of women
#e8c551 Deuteranomaly 6% of men, 0.4% of women
#d6c69f Tritanomaly 0.01% of the population

#cccd48 hex color

#cccd48 Color Information

#cccd48 Color Conversion

Color Schemes with #cccd48

Alternatives to #cccd48

#cccd48 Preview

Shades and Tints of #cccd48

Tones of #cccd48

Color Blindness Simulator