#ccbc2f hex color

In a RGB color space, hex #ccbc2f is composed of 80% red, 73.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 77% yellow and 20% black. It has a hue angle of 53.9 degrees, a saturation of 62.5% and a lightness of 49.2%. #ccbc2f color hex could be obtained by blending #ffff5e with #997900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 74
- B 18
RGB color chart
- C 0
- M 8
- Y 77
- K 20
CMYK color chart

● #ccbc2f color description : Strong yellow.

The hexadecimal color #ccbc2f has RGB values of R:204, G:188, B:47 and CMYK values of C:0, M:0.08, Y:0.77, K:0.2. Its decimal value is 13417519.

Hex triplet	ccbc2f	`#ccbc2f`
RGB Decimal	204, 188, 47	`rgb(204,188,47)`
RGB Percent	80, 73.7, 18.4	`rgb(80%,73.7%,18.4%)`
CMYK	0, 8, 77, 20
HSL	53.9°, 62.5, 49.2	`hsl(53.9,62.5%,49.2%)`
HSV (or HSB)	53.9°, 77, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.458, -9.196, 67.864
XYZ	43.398, 49.01, 9.863
xyY	0.424, 0.479, 49.01
CIE-LCH	75.458, 68.484, 97.717
CIE-LUV	75.458, 16.643, 75.998
Hunter-Lab	70.007, -11.858, 40.652
Binary	11001100, 10111100, 00101111

#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#2f3fcc
```
#2f3fcc rgb(47,63,204)
```

Complementary Color

#cc6e2f
```
#cc6e2f rgb(204,110,47)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#8ecc2f
```
#8ecc2f rgb(142,204,47)
```

Analogous Color

#6e2fcc
```
#6e2fcc rgb(110,47,204)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#2f8ecc
```
#2f8ecc rgb(47,142,204)
```

Split Complementary Color

#bc2fcc
```
#bc2fcc rgb(188,47,204)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#2fccbc
```
#2fccbc rgb(47,204,188)
```

Triadic Color

#cc2f3f
```
#cc2f3f rgb(204,47,63)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#2fccbc
```
#2fccbc rgb(47,204,188)
```
#2f3fcc
```
#2f3fcc rgb(47,63,204)
```

Tetradic Color

#8e8321
```
#8e8321 rgb(142,131,33)
```
#a39625
```
#a39625 rgb(163,150,37)
```
#b7a92a
```
#b7a92a rgb(183,169,42)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#d3c441
```
#d3c441 rgb(211,196,65)
```
#d8cb56
```
#d8cb56 rgb(216,203,86)
```
#ddd16b
```
#ddd16b rgb(221,209,107)
```

Monochromatic Color

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

#cc952f
```
#cc952f rgb(204,149,47)
```
#cca22f
```
#cca22f rgb(204,162,47)
```
#ccaf2f
```
#ccaf2f rgb(204,175,47)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#ccc92f
```
#ccc92f rgb(204,201,47)
```
#c2cc2f
```
#c2cc2f rgb(194,204,47)
```
#b5cc2f
```
#b5cc2f rgb(181,204,47)
```

Similar Colors

Text with hexadecimal color #ccbc2f

This text has a font color of #ccbc2f.

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

#ccbc2f background color

This paragraph has a background color of #ccbc2f.

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

#ccbc2f border color

This element has a border color of #ccbc2f.

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

CSS codes

.text {color:#ccbc2f;}

.background {background-color:#ccbc2f;}

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

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, #0d0c03 is the darkest color, while #fefefc is the lightest one.

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1d1a07
```
#1d1a07 rgb(29,26,7)
```
#2d290a
```
#2d290a rgb(45,41,10)
```
#3d380e
```
#3d380e rgb(61,56,14)
```
#4c4612
```
#4c4612 rgb(76,70,18)
```
#5c5515
```
#5c5515 rgb(92,85,21)
```
#6c6419
```
#6c6419 rgb(108,100,25)
```
#7c731d
```
#7c731d rgb(124,115,29)
```
#8c8120
```
#8c8120 rgb(140,129,32)
```
#9c9024
```
#9c9024 rgb(156,144,36)
```
#ac9f28
```
#ac9f28 rgb(172,159,40)
```
#bcad2b
```
#bcad2b rgb(188,173,43)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```

Shade Color Variation

#d2c33c
```
#d2c33c rgb(210,195,60)
```
#d6c84c
```
#d6c84c rgb(214,200,76)
```
#dacd5c
```
#dacd5c rgb(218,205,92)
```
#ddd26c
```
#ddd26c rgb(221,210,108)
```
#e1d77c
```
#e1d77c rgb(225,215,124)
```
#e5dc8c
```
#e5dc8c rgb(229,220,140)
```
#e8e09c
```
#e8e09c rgb(232,224,156)
```
#ece5ac
```
#ece5ac rgb(236,229,172)
```
#f0eabc
```
#f0eabc rgb(240,234,188)
```
#f3efcc
```
#f3efcc rgb(243,239,204)
```
#f7f4dc
```
#f7f4dc rgb(247,244,220)
```
#fbf9ec
```
#fbf9ec rgb(251,249,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7f7f7c
```
#7f7f7c rgb(127,127,124)
```
#888673
```
#888673 rgb(136,134,115)
```
#928e69
```
#928e69 rgb(146,142,105)
```
#9c965f
```
#9c965f rgb(156,150,95)
```
#a59d56
```
#a59d56 rgb(165,157,86)
```
#afa54c
```
#afa54c rgb(175,165,76)
```
#b9ad42
```
#b9ad42 rgb(185,173,66)
```
#c2b439
```
#c2b439 rgb(194,180,57)
```
#ccbc2f
```
#ccbc2f rgb(204,188,47)
```
#d6c425
```
#d6c425 rgb(214,196,37)
```
#dfcb1c
```
#dfcb1c rgb(223,203,28)
```
#e9d312
```
#e9d312 rgb(233,211,18)
```
#f3db08
```
#f3db08 rgb(243,219,8)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd39 Protanopia 1% of men
#ebb43f Deuteranopia 1% of men
#dab3bf Tritanopia 0.001% of the population

Trichromacy

#d0bd35 Protanomaly 1% of men, 0.01% of women
#dfb739 Deuteranomaly 6% of men, 0.4% of women
#d5b68b Tritanomaly 0.01% of the population

#ccbc2f hex color

#ccbc2f Color Information

#ccbc2f Color Conversion

Color Schemes with #ccbc2f

Alternatives to #ccbc2f

#ccbc2f Preview

Shades and Tints of #ccbc2f

Tones of #ccbc2f

Color Blindness Simulator