#ccbb70 hex color

In a RGB color space, hex #ccbb70 is composed of 80% red, 73.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 45.1% yellow and 20% black. It has a hue angle of 48.9 degrees, a saturation of 47.4% and a lightness of 62%. #ccbb70 color hex could be obtained by blending #ffffe0 with #997700. Closest websafe color is: #cccc66.

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

● #ccbb70 color description : Slightly desaturated yellow.

The hexadecimal color #ccbb70 has RGB values of R:204, G:187, B:112 and CMYK values of C:0, M:0.08, Y:0.45, K:0.2. Its decimal value is 13417328.

Hex triplet	ccbb70	`#ccbb70`
RGB Decimal	204, 187, 112	`rgb(204,187,112)`
RGB Percent	80, 73.3, 43.9	`rgb(80%,73.3%,43.9%)`
CMYK	0, 8, 45, 20
HSL	48.9°, 47.4, 62	`hsl(48.9,47.4%,62%)`
HSV (or HSB)	48.9°, 45.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.792, -4.241, 40.036
XYZ	45.597, 49.549, 22.49
xyY	0.388, 0.421, 49.549
CIE-LCH	75.792, 40.26, 96.046
CIE-LUV	75.792, 14.93, 51.667
Hunter-Lab	70.391, -7.559, 30.33
Binary	11001100, 10111011, 01110000

#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#7081cc
```
#7081cc rgb(112,129,204)
```

Complementary Color

#cc8d70
```
#cc8d70 rgb(204,141,112)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#afcc70
```
#afcc70 rgb(175,204,112)
```

Analogous Color

#8d70cc
```
#8d70cc rgb(141,112,204)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#70afcc
```
#70afcc rgb(112,175,204)
```

Split Complementary Color

#bb70cc
```
#bb70cc rgb(187,112,204)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#70ccbb
```
#70ccbb rgb(112,204,187)
```

Triadic Color

#cc7081
```
#cc7081 rgb(204,112,129)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#70ccbb
```
#70ccbb rgb(112,204,187)
```
#7081cc
```
#7081cc rgb(112,129,204)
```

Tetradic Color

#b19c3f
```
#b19c3f rgb(177,156,63)
```
#bfa94a
```
#bfa94a rgb(191,169,74)
```
#c5b25d
```
#c5b25d rgb(197,178,93)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#d3c483
```
#d3c483 rgb(211,196,131)
```
#d9cd96
```
#d9cd96 rgb(217,205,150)
```
#e0d6a8
```
#e0d6a8 rgb(224,214,168)
```

Monochromatic Color

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

#cca470
```
#cca470 rgb(204,164,112)
```
#ccac70
```
#ccac70 rgb(204,172,112)
```
#ccb370
```
#ccb370 rgb(204,179,112)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#ccc370
```
#ccc370 rgb(204,195,112)
```
#ccca70
```
#ccca70 rgb(204,202,112)
```
#c6cc70
```
#c6cc70 rgb(198,204,112)
```

Similar Colors

Text with hexadecimal color #ccbb70

This text has a font color of #ccbb70.

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

#ccbb70 background color

This paragraph has a background color of #ccbb70.

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

#ccbb70 border color

This element has a border color of #ccbb70.

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

CSS codes

.text {color:#ccbb70;}

.background {background-color:#ccbb70;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100e06
```
#100e06 rgb(16,14,6)
```
#1f1b0b
```
#1f1b0b rgb(31,27,11)
```
#2d2810
```
#2d2810 rgb(45,40,16)
```
#3b3415
```
#3b3415 rgb(59,52,21)
```
#4a411a
```
#4a411a rgb(74,65,26)
```
#584e20
```
#584e20 rgb(88,78,32)
```
#675b25
```
#675b25 rgb(103,91,37)
```
#75672a
```
#75672a rgb(117,103,42)
```
#84742f
```
#84742f rgb(132,116,47)
```
#928134
```
#928134 rgb(146,129,52)
```
#a18e39
```
#a18e39 rgb(161,142,57)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```

Shade Color Variation

#bda645
```
#bda645 rgb(189,166,69)
```
#c2ad53
```
#c2ad53 rgb(194,173,83)
```
#c7b462
```
#c7b462 rgb(199,180,98)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#d1c27e
```
#d1c27e rgb(209,194,126)
```
#d6c98d
```
#d6c98d rgb(214,201,141)
```
#dbd09b
```
#dbd09b rgb(219,208,155)
```
#e1d7aa
```
#e1d7aa rgb(225,215,170)
```
#e6ddb8
```
#e6ddb8 rgb(230,221,184)
```
#ebe4c7
```
#ebe4c7 rgb(235,228,199)
```
#f0ebd5
```
#f0ebd5 rgb(240,235,213)
```
#f5f2e4
```
#f5f2e4 rgb(245,242,228)
```
#faf9f2
```
#faf9f2 rgb(250,249,242)
```

Tint Color Variation

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

#9f9f9d
```
#9f9f9d rgb(159,159,157)
```
#a7a395
```
#a7a395 rgb(167,163,149)
```
#aea88e
```
#aea88e rgb(174,168,142)
```
#b6ad86
```
#b6ad86 rgb(182,173,134)
```
#bdb27f
```
#bdb27f rgb(189,178,127)
```
#c5b677
```
#c5b677 rgb(197,182,119)
```
#ccbb70
```
#ccbb70 rgb(204,187,112)
```
#d3c069
```
#d3c069 rgb(211,192,105)
```
#dbc461
```
#dbc461 rgb(219,196,97)
```
#e2c95a
```
#e2c95a rgb(226,201,90)
```
#eace52
```
#eace52 rgb(234,206,82)
```
#f1d34b
```
#f1d34b rgb(241,211,75)
```
#f9d743
```
#f9d743 rgb(249,215,67)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbe77 Protanopia 1% of men
#e4b67a Deuteranopia 1% of men
#d7b5c2 Tritanopia 0.001% of the population

Trichromacy

#cebd74 Protanomaly 1% of men, 0.01% of women
#dbb876 Deuteranomaly 6% of men, 0.4% of women
#d3b7a4 Tritanomaly 0.01% of the population

#ccbb70 hex color

#ccbb70 Color Information

#ccbb70 Color Conversion

Color Schemes with #ccbb70

Alternatives to #ccbb70

#ccbb70 Preview

Shades and Tints of #ccbb70

Tones of #ccbb70

Color Blindness Simulator