#ccbb61 hex color

In a RGB color space, hex #ccbb61 is composed of 80% red, 73.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 52.5% yellow and 20% black. It has a hue angle of 50.5 degrees, a saturation of 51.2% and a lightness of 59%. #ccbb61 color hex could be obtained by blending #ffffc2 with #997700. Closest websafe color is: #cccc66.

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

● #ccbb61 color description : Moderate yellow.

The hexadecimal color #ccbb61 has RGB values of R:204, G:187, B:97 and CMYK values of C:0, M:0.08, Y:0.52, K:0.2. Its decimal value is 13417313.

Hex triplet	ccbb61	`#ccbb61`
RGB Decimal	204, 187, 97	`rgb(204,187,97)`
RGB Percent	80, 73.3, 38	`rgb(80%,73.3%,38%)`
CMYK	0, 8, 52, 20
HSL	50.5°, 51.2, 59	`hsl(50.5,51.2%,59%)`
HSV (or HSB)	50.5°, 52.5, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.602, -5.629, 47.257
XYZ	44.83, 49.242, 18.452
xyY	0.398, 0.438, 49.242
CIE-LCH	75.602, 47.591, 96.793
CIE-LUV	75.602, 15.662, 58.971
Hunter-Lab	70.173, -8.768, 33.531
Binary	11001100, 10111011, 01100001

#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#6172cc
```
#6172cc rgb(97,114,204)
```

Complementary Color

#cc8661
```
#cc8661 rgb(204,134,97)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#a8cc61
```
#a8cc61 rgb(168,204,97)
```

Analogous Color

#8661cc
```
#8661cc rgb(134,97,204)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#61a8cc
```
#61a8cc rgb(97,168,204)
```

Split Complementary Color

#bb61cc
```
#bb61cc rgb(187,97,204)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#61ccbb
```
#61ccbb rgb(97,204,187)
```

Triadic Color

#cc6172
```
#cc6172 rgb(204,97,114)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#61ccbb
```
#61ccbb rgb(97,204,187)
```
#6172cc
```
#6172cc rgb(97,114,204)
```

Tetradic Color

#aa9737
```
#aa9737 rgb(170,151,55)
```
#bda93d
```
#bda93d rgb(189,169,61)
```
#c6b34e
```
#c6b34e rgb(198,179,78)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#d2c374
```
#d2c374 rgb(210,195,116)
```
#d8cc88
```
#d8cc88 rgb(216,204,136)
```
#dfd49b
```
#dfd49b rgb(223,212,155)
```

Monochromatic Color

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

#cca061
```
#cca061 rgb(204,160,97)
```
#cca961
```
#cca961 rgb(204,169,97)
```
#ccb261
```
#ccb261 rgb(204,178,97)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#ccc461
```
#ccc461 rgb(204,196,97)
```
#cbcc61
```
#cbcc61 rgb(203,204,97)
```
#c2cc61
```
#c2cc61 rgb(194,204,97)
```

Similar Colors

Text with hexadecimal color #ccbb61

This text has a font color of #ccbb61.

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

#ccbb61 background color

This paragraph has a background color of #ccbb61.

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

#ccbb61 border color

This element has a border color of #ccbb61.

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

CSS codes

.text {color:#ccbb61;}

.background {background-color:#ccbb61;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#141206
```
#141206 rgb(20,18,6)
```
#231f0b
```
#231f0b rgb(35,31,11)
```
#322c10
```
#322c10 rgb(50,44,16)
```
#403a15
```
#403a15 rgb(64,58,21)
```
#4f471a
```
#4f471a rgb(79,71,26)
```
#5e541e
```
#5e541e rgb(94,84,30)
```
#6d6123
```
#6d6123 rgb(109,97,35)
```
#7c6e28
```
#7c6e28 rgb(124,110,40)
```
#8b7c2d
```
#8b7c2d rgb(139,124,45)
```
#998932
```
#998932 rgb(153,137,50)
```
#a89636
```
#a89636 rgb(168,150,54)
```
#b7a33b
```
#b7a33b rgb(183,163,59)
```

Shade Color Variation

#c2ae43
```
#c2ae43 rgb(194,174,67)
```
#c7b552
```
#c7b552 rgb(199,181,82)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#d1c170
```
#d1c170 rgb(209,193,112)
```
#d6c87f
```
#d6c87f rgb(214,200,127)
```
#dace8d
```
#dace8d rgb(218,206,141)
```
#dfd59c
```
#dfd59c rgb(223,213,156)
```
#e4dbab
```
#e4dbab rgb(228,219,171)
```
#e9e1ba
```
#e9e1ba rgb(233,225,186)
```
#eee8c9
```
#eee8c9 rgb(238,232,201)
```
#f2eed8
```
#f2eed8 rgb(242,238,216)
```
#f7f4e6
```
#f7f4e6 rgb(247,244,230)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#9c9a91
```
#9c9a91 rgb(156,154,145)
```
#a4a089
```
#a4a089 rgb(164,160,137)
```
#aca581
```
#aca581 rgb(172,165,129)
```
#b4ab79
```
#b4ab79 rgb(180,171,121)
```
#bcb071
```
#bcb071 rgb(188,176,113)
```
#c4b669
```
#c4b669 rgb(196,182,105)
```
#ccbb61
```
#ccbb61 rgb(204,187,97)
```
#d4c059
```
#d4c059 rgb(212,192,89)
```
#dcc651
```
#dcc651 rgb(220,198,81)
```
#e4cb49
```
#e4cb49 rgb(228,203,73)
```
#ecd141
```
#ecd141 rgb(236,209,65)
```
#f4d639
```
#f4d639 rgb(244,214,57)
```
#fcdc31
```
#fcdc31 rgb(252,220,49)
```

Tone Color Variation

Below, you can see how #ccbb61 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
#bab7a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bd69 Protanopia 1% of men
#e6b56c Deuteranopia 1% of men
#d8b4c1 Tritanopia 0.001% of the population

Trichromacy

#cebc66 Protanomaly 1% of men, 0.01% of women
#dcb768 Deuteranomaly 6% of men, 0.4% of women
#d3b69e Tritanomaly 0.01% of the population

#ccbb61 hex color

#ccbb61 Color Information

#ccbb61 Color Conversion

Color Schemes with #ccbb61

Alternatives to #ccbb61

#ccbb61 Preview

Shades and Tints of #ccbb61

Tones of #ccbb61

Color Blindness Simulator