#ccbf52 hex color

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

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

● #ccbf52 color description : Moderate yellow.

The hexadecimal color #ccbf52 has RGB values of R:204, G:191, B:82 and CMYK values of C:0, M:0.06, Y:0.6, K:0.2. Its decimal value is 13418322.

Hex triplet	ccbf52	`#ccbf52`
RGB Decimal	204, 191, 82	`rgb(204,191,82)`
RGB Percent	80, 74.9, 32.2	`rgb(80%,74.9%,32.2%)`
CMYK	0, 6, 60, 20
HSL	53.6°, 54.5, 56.1	`hsl(53.6,54.5%,56.1%)`
HSV (or HSB)	53.6°, 59.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.503, -8.859, 55.291
XYZ	45.056, 50.709, 15.397
xyY	0.405, 0.456, 50.709
CIE-LCH	76.503, 55.996, 99.103
CIE-LUV	76.503, 13.643, 67.029
Hunter-Lab	71.21, -11.679, 37.028
Binary	11001100, 10111111, 01010010

#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#525fcc
```
#525fcc rgb(82,95,204)
```

Complementary Color

#cc8252
```
#cc8252 rgb(204,130,82)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#9ccc52
```
#9ccc52 rgb(156,204,82)
```

Analogous Color

#8252cc
```
#8252cc rgb(130,82,204)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#529ccc
```
#529ccc rgb(82,156,204)
```

Split Complementary Color

#bf52cc
```
#bf52cc rgb(191,82,204)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#52ccbf
```
#52ccbf rgb(82,204,191)
```

Triadic Color

#cc525f
```
#cc525f rgb(204,82,95)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#52ccbf
```
#52ccbf rgb(82,204,191)
```
#525fcc
```
#525fcc rgb(82,95,204)
```

Tetradic Color

#a29630
```
#a29630 rgb(162,150,48)
```
#b5a836
```
#b5a836 rgb(181,168,54)
```
#c6b83e
```
#c6b83e rgb(198,184,62)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#d2c666
```
#d2c666 rgb(210,198,102)
```
#d8ce79
```
#d8ce79 rgb(216,206,121)
```
#ddd58d
```
#ddd58d rgb(221,213,141)
```

Monochromatic Color

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

#cca152
```
#cca152 rgb(204,161,82)
```
#ccab52
```
#ccab52 rgb(204,171,82)
```
#ccb552
```
#ccb552 rgb(204,181,82)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#ccc952
```
#ccc952 rgb(204,201,82)
```
#c5cc52
```
#c5cc52 rgb(197,204,82)
```
#bbcc52
```
#bbcc52 rgb(187,204,82)
```

Similar Colors

Text with hexadecimal color #ccbf52

This text has a font color of #ccbf52.

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

#ccbf52 background color

This paragraph has a background color of #ccbf52.

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

#ccbf52 border color

This element has a border color of #ccbf52.

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

CSS codes

.text {color:#ccbf52;}

.background {background-color:#ccbf52;}

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

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)
```
#827826
```
#827826 rgb(130,120,38)
```
#91862b
```
#91862b rgb(145,134,43)
```
#a0942f
```
#a0942f rgb(160,148,47)
```
#afa234
```
#afa234 rgb(175,162,52)
```
#bfb038
```
#bfb038 rgb(191,176,56)
```

Shade Color Variation

#c8b943
```
#c8b943 rgb(200,185,67)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#d0c561
```
#d0c561 rgb(208,197,97)
```
#d5ca70
```
#d5ca70 rgb(213,202,112)
```
#d9d07f
```
#d9d07f rgb(217,208,127)
```
#ded58f
```
#ded58f rgb(222,213,143)
```
#e2db9e
```
#e2db9e rgb(226,219,158)
```
#e7e1ad
```
#e7e1ad rgb(231,225,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 #f7e127 is the most saturated one.

#90908e
```
#90908e rgb(144,144,142)
```
#989686
```
#989686 rgb(152,150,134)
```
#a19d7d
```
#a19d7d rgb(161,157,125)
```
#aaa474
```
#aaa474 rgb(170,164,116)
```
#b2ab6c
```
#b2ab6c rgb(178,171,108)
```
#bbb163
```
#bbb163 rgb(187,177,99)
```
#c3b85b
```
#c3b85b rgb(195,184,91)
```
#ccbf52
```
#ccbf52 rgb(204,191,82)
```
#d5c649
```
#d5c649 rgb(213,198,73)
```
#ddcd41
```
#ddcd41 rgb(221,205,65)
```
#e6d338
```
#e6d338 rgb(230,211,56)
```
#eeda30
```
#eeda30 rgb(238,218,48)
```
#f7e127
```
#f7e127 rgb(247,225,39)
```

Tone Color Variation

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

#d4c05a Protanopia 1% of men
#ebb75e Deuteranopia 1% of men
#d9b7c4 Tritanopia 0.001% of the population

Trichromacy

#d1bf57 Protanomaly 1% of men, 0.01% of women
#dfba5a Deuteranomaly 6% of men, 0.4% of women
#d4ba9a Tritanomaly 0.01% of the population

#ccbf52 hex color

#ccbf52 Color Information

#ccbf52 Color Conversion

Color Schemes with #ccbf52

Alternatives to #ccbf52

#ccbf52 Preview

Shades and Tints of #ccbf52

Tones of #ccbf52

Color Blindness Simulator