#ccbe52 hex color

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

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

● #ccbe52 color description : Moderate yellow.

The hexadecimal color #ccbe52 has RGB values of R:204, G:190, B:82 and CMYK values of C:0, M:0.07, Y:0.6, K:0.2. Its decimal value is 13418066.

Hex triplet	ccbe52	`#ccbe52`
RGB Decimal	204, 190, 82	`rgb(204,190,82)`
RGB Percent	80, 74.5, 32.2	`rgb(80%,74.5%,32.2%)`
CMYK	0, 7, 60, 20
HSL	53.1°, 54.5, 56.1	`hsl(53.1,54.5%,56.1%)`
HSV (or HSB)	53.1°, 59.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.237, -8.345, 54.997
XYZ	44.838, 50.275, 15.324
xyY	0.406, 0.455, 50.275
CIE-LCH	76.237, 55.627, 98.628
CIE-LUV	76.237, 14.302, 66.578
Hunter-Lab	70.905, -11.204, 36.819
Binary	11001100, 10111110, 01010010

#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#5260cc
```
#5260cc rgb(82,96,204)
```

Complementary Color

#cc8152
```
#cc8152 rgb(204,129,82)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#9dcc52
```
#9dcc52 rgb(157,204,82)
```

Analogous Color

#8152cc
```
#8152cc rgb(129,82,204)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#529dcc
```
#529dcc rgb(82,157,204)
```

Split Complementary Color

#be52cc
```
#be52cc rgb(190,82,204)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#52ccbe
```
#52ccbe rgb(82,204,190)
```

Triadic Color

#cc5260
```
#cc5260 rgb(204,82,96)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#52ccbe
```
#52ccbe rgb(82,204,190)
```
#5260cc
```
#5260cc rgb(82,96,204)
```

Tetradic Color

#a29530
```
#a29530 rgb(162,149,48)
```
#b5a736
```
#b5a736 rgb(181,167,54)
```
#c6b73e
```
#c6b73e rgb(198,183,62)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#d2c566
```
#d2c566 rgb(210,197,102)
```
#d8cd79
```
#d8cd79 rgb(216,205,121)
```
#ddd48d
```
#ddd48d rgb(221,212,141)
```

Monochromatic Color

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

#cca052
```
#cca052 rgb(204,160,82)
```
#ccaa52
```
#ccaa52 rgb(204,170,82)
```
#ccb452
```
#ccb452 rgb(204,180,82)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#ccc852
```
#ccc852 rgb(204,200,82)
```
#c6cc52
```
#c6cc52 rgb(198,204,82)
```
#bccc52
```
#bccc52 rgb(188,204,82)
```

Similar Colors

Text with hexadecimal color #ccbe52

This text has a font color of #ccbe52.

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

#ccbe52 background color

This paragraph has a background color of #ccbe52.

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

#ccbe52 border color

This element has a border color of #ccbe52.

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

CSS codes

.text {color:#ccbe52;}

.background {background-color:#ccbe52;}

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

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)
```
#27240c
```
#27240c rgb(39,36,12)
```
#363210
```
#363210 rgb(54,50,16)
```
#454014
```
#454014 rgb(69,64,20)
```
#554e19
```
#554e19 rgb(85,78,25)
```
#645c1d
```
#645c1d rgb(100,92,29)
```
#736a22
```
#736a22 rgb(115,106,34)
```
#827726
```
#827726 rgb(130,119,38)
```
#91852b
```
#91852b rgb(145,133,43)
```
#a0932f
```
#a0932f rgb(160,147,47)
```
#afa134
```
#afa134 rgb(175,161,52)
```
#bfaf38
```
#bfaf38 rgb(191,175,56)
```

Shade Color Variation

#c8b843
```
#c8b843 rgb(200,184,67)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#d0c461
```
#d0c461 rgb(208,196,97)
```
#d5c970
```
#d5c970 rgb(213,201,112)
```
#d9cf7f
```
#d9cf7f rgb(217,207,127)
```
#ded58f
```
#ded58f rgb(222,213,143)
```
#e2da9e
```
#e2da9e rgb(226,218,158)
```
#e7e0ad
```
#e7e0ad rgb(231,224,173)
```
#ebe6bc
```
#ebe6bc rgb(235,230,188)
```
#f0eccb
```
#f0eccb rgb(240,236,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, #90908e is the less saturated color, while #f7df27 is the most saturated one.

#90908e
```
#90908e rgb(144,144,142)
```
#989686
```
#989686 rgb(152,150,134)
```
#a19d7d
```
#a19d7d rgb(161,157,125)
```
#aaa374
```
#aaa374 rgb(170,163,116)
```
#b2aa6c
```
#b2aa6c rgb(178,170,108)
```
#bbb163
```
#bbb163 rgb(187,177,99)
```
#c3b75b
```
#c3b75b rgb(195,183,91)
```
#ccbe52
```
#ccbe52 rgb(204,190,82)
```
#d5c549
```
#d5c549 rgb(213,197,73)
```
#ddcb41
```
#ddcb41 rgb(221,203,65)
```
#e6d238
```
#e6d238 rgb(230,210,56)
```
#eed930
```
#eed930 rgb(238,217,48)
```
#f7df27
```
#f7df27 rgb(247,223,39)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bab8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bf5a Protanopia 1% of men
#eab65e Deuteranopia 1% of men
#d9b6c3 Tritanopia 0.001% of the population

Trichromacy

#d0bf57 Protanomaly 1% of men, 0.01% of women
#dfb95a Deuteranomaly 6% of men, 0.4% of women
#d4b99a Tritanomaly 0.01% of the population

#ccbe52 hex color

#ccbe52 Color Information

#ccbe52 Color Conversion

Color Schemes with #ccbe52

Alternatives to #ccbe52

#ccbe52 Preview

Shades and Tints of #ccbe52

Tones of #ccbe52

Color Blindness Simulator