#ccbb52 hex color

In a RGB color space, hex #ccbb52 is composed of 80% red, 73.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 59.8% yellow and 20% black. It has a hue angle of 51.6 degrees, a saturation of 54.5% and a lightness of 56.1%. #ccbb52 color hex could be obtained by blending #ffffa4 with #997700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 73
- B 32
RGB color chart
- C 0
- M 8
- Y 60
- K 20
CMYK color chart

● #ccbb52 color description : Moderate yellow.

The hexadecimal color #ccbb52 has RGB values of R:204, G:187, B:82 and CMYK values of C:0, M:0.08, Y:0.6, K:0.2. Its decimal value is 13417298.

Hex triplet	ccbb52	`#ccbb52`
RGB Decimal	204, 187, 82	`rgb(204,187,82)`
RGB Percent	80, 73.3, 32.2	`rgb(80%,73.3%,32.2%)`
CMYK	0, 8, 60, 20
HSL	51.6°, 54.5, 56.1	`hsl(51.6,54.5%,56.1%)`
HSV (or HSB)	51.6°, 59.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.444, -6.795, 54.117
XYZ	44.195, 48.988, 15.11
xyY	0.408, 0.452, 48.988
CIE-LCH	75.444, 54.542, 97.156
CIE-LUV	75.444, 16.29, 65.225
Hunter-Lab	69.992, -9.774, 36.195
Binary	11001100, 10111011, 01010010

#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#5263cc
```
#5263cc rgb(82,99,204)
```

Complementary Color

#cc7e52
```
#cc7e52 rgb(204,126,82)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#a0cc52
```
#a0cc52 rgb(160,204,82)
```

Analogous Color

#7e52cc
```
#7e52cc rgb(126,82,204)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#52a0cc
```
#52a0cc rgb(82,160,204)
```

Split Complementary Color

#bb52cc
```
#bb52cc rgb(187,82,204)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#52ccbb
```
#52ccbb rgb(82,204,187)
```

Triadic Color

#cc5263
```
#cc5263 rgb(204,82,99)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#52ccbb
```
#52ccbb rgb(82,204,187)
```
#5263cc
```
#5263cc rgb(82,99,204)
```

Tetradic Color

#a29230
```
#a29230 rgb(162,146,48)
```
#b5a436
```
#b5a436 rgb(181,164,54)
```
#c6b33e
```
#c6b33e rgb(198,179,62)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#d2c366
```
#d2c366 rgb(210,195,102)
```
#d8ca79
```
#d8ca79 rgb(216,202,121)
```
#ddd28d
```
#ddd28d rgb(221,210,141)
```

Monochromatic Color

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

#cc9d52
```
#cc9d52 rgb(204,157,82)
```
#cca752
```
#cca752 rgb(204,167,82)
```
#ccb152
```
#ccb152 rgb(204,177,82)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#ccc552
```
#ccc552 rgb(204,197,82)
```
#c9cc52
```
#c9cc52 rgb(201,204,82)
```
#bfcc52
```
#bfcc52 rgb(191,204,82)
```

Similar Colors

Text with hexadecimal color #ccbb52

This text has a font color of #ccbb52.

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

#ccbb52 background color

This paragraph has a background color of #ccbb52.

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

#ccbb52 border color

This element has a border color of #ccbb52.

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

CSS codes

.text {color:#ccbb52;}

.background {background-color:#ccbb52;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#181607
```
#181607 rgb(24,22,7)
```
#27230c
```
#27230c rgb(39,35,12)
```
#363110
```
#363110 rgb(54,49,16)
```
#453f14
```
#453f14 rgb(69,63,20)
```
#554c19
```
#554c19 rgb(85,76,25)
```
#645a1d
```
#645a1d rgb(100,90,29)
```
#736822
```
#736822 rgb(115,104,34)
```
#827526
```
#827526 rgb(130,117,38)
```
#91832b
```
#91832b rgb(145,131,43)
```
#a0912f
```
#a0912f rgb(160,145,47)
```
#af9e34
```
#af9e34 rgb(175,158,52)
```
#bfac38
```
#bfac38 rgb(191,172,56)
```

Shade Color Variation

#c8b543
```
#c8b543 rgb(200,181,67)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#d0c161
```
#d0c161 rgb(208,193,97)
```
#d5c770
```
#d5c770 rgb(213,199,112)
```
#d9cd7f
```
#d9cd7f rgb(217,205,127)
```
#ded38f
```
#ded38f rgb(222,211,143)
```
#e2d99e
```
#e2d99e rgb(226,217,158)
```
#e7dfad
```
#e7dfad rgb(231,223,173)
```
#ebe5bc
```
#ebe5bc rgb(235,229,188)
```
#f0ebcb
```
#f0ebcb rgb(240,235,203)
```
#f4f1da
```
#f4f1da rgb(244,241,218)
```
#f9f7e9
```
#f9f7e9 rgb(249,247,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#908f8e
```
#908f8e rgb(144,143,142)
```
#989686
```
#989686 rgb(152,150,134)
```
#a19c7d
```
#a19c7d rgb(161,156,125)
```
#aaa274
```
#aaa274 rgb(170,162,116)
```
#b2a86c
```
#b2a86c rgb(178,168,108)
```
#bbaf63
```
#bbaf63 rgb(187,175,99)
```
#c3b55b
```
#c3b55b rgb(195,181,91)
```
#ccbb52
```
#ccbb52 rgb(204,187,82)
```
#d5c149
```
#d5c149 rgb(213,193,73)
```
#ddc741
```
#ddc741 rgb(221,199,65)
```
#e6ce38
```
#e6ce38 rgb(230,206,56)
```
#eed430
```
#eed430 rgb(238,212,48)
```
#f7da27
```
#f7da27 rgb(247,218,39)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bd5a Protanopia 1% of men
#e7b45e Deuteranopia 1% of men
#d8b3c0 Tritanopia 0.001% of the population

Trichromacy

#cfbc57 Protanomaly 1% of men, 0.01% of women
#ddb759 Deuteranomaly 6% of men, 0.4% of women
#d4b698 Tritanomaly 0.01% of the population

#ccbb52 hex color

#ccbb52 Color Information

#ccbb52 Color Conversion

Color Schemes with #ccbb52

Alternatives to #ccbb52

#ccbb52 Preview

Shades and Tints of #ccbb52

Tones of #ccbb52

Color Blindness Simulator