#ccbc70 hex color

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

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

● #ccbc70 color description : Slightly desaturated yellow.

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

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

CIE-LAB	76.054, -4.763, 40.364
XYZ	45.809, 49.975, 22.561
xyY	0.387, 0.422, 49.975
CIE-LCH	76.054, 40.644, 96.729
CIE-LUV	76.054, 14.295, 52.171
Hunter-Lab	70.693, -8.043, 30.563
Binary	11001100, 10111100, 01110000

#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#7080cc
```
#7080cc rgb(112,128,204)
```

Complementary Color

#cc8e70
```
#cc8e70 rgb(204,142,112)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#aecc70
```
#aecc70 rgb(174,204,112)
```

Analogous Color

#8e70cc
```
#8e70cc rgb(142,112,204)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#70aecc
```
#70aecc rgb(112,174,204)
```

Split Complementary Color

#bc70cc
```
#bc70cc rgb(188,112,204)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#70ccbc
```
#70ccbc rgb(112,204,188)
```

Triadic Color

#cc7080
```
#cc7080 rgb(204,112,128)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#70ccbc
```
#70ccbc rgb(112,204,188)
```
#7080cc
```
#7080cc rgb(112,128,204)
```

Tetradic Color

#b19d3f
```
#b19d3f rgb(177,157,63)
```
#bfaa4a
```
#bfaa4a rgb(191,170,74)
```
#c5b35d
```
#c5b35d rgb(197,179,93)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#d3c583
```
#d3c583 rgb(211,197,131)
```
#d9ce96
```
#d9ce96 rgb(217,206,150)
```
#e0d6a8
```
#e0d6a8 rgb(224,214,168)
```

Monochromatic Color

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

#cca570
```
#cca570 rgb(204,165,112)
```
#ccad70
```
#ccad70 rgb(204,173,112)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#ccc470
```
#ccc470 rgb(204,196,112)
```
#cccb70
```
#cccb70 rgb(204,203,112)
```
#c5cc70
```
#c5cc70 rgb(197,204,112)
```

Similar Colors

Text with hexadecimal color #ccbc70

This text has a font color of #ccbc70.

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

#ccbc70 background color

This paragraph has a background color of #ccbc70.

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

#ccbc70 border color

This element has a border color of #ccbc70.

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

CSS codes

.text {color:#ccbc70;}

.background {background-color:#ccbc70;}

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

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)
```
#3b3515
```
#3b3515 rgb(59,53,21)
```
#4a421a
```
#4a421a rgb(74,66,26)
```
#584e20
```
#584e20 rgb(88,78,32)
```
#675b25
```
#675b25 rgb(103,91,37)
```
#75682a
```
#75682a rgb(117,104,42)
```
#84752f
```
#84752f rgb(132,117,47)
```
#928234
```
#928234 rgb(146,130,52)
```
#a18f39
```
#a18f39 rgb(161,143,57)
```
#af9c3e
```
#af9c3e rgb(175,156,62)
```

Shade Color Variation

#bda845
```
#bda845 rgb(189,168,69)
```
#c2ae53
```
#c2ae53 rgb(194,174,83)
```
#c7b562
```
#c7b562 rgb(199,181,98)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#d1c37e
```
#d1c37e rgb(209,195,126)
```
#d6ca8d
```
#d6ca8d rgb(214,202,141)
```
#dbd09b
```
#dbd09b rgb(219,208,155)
```
#e1d7aa
```
#e1d7aa rgb(225,215,170)
```
#e6deb8
```
#e6deb8 rgb(230,222,184)
```
#ebe5c7
```
#ebe5c7 rgb(235,229,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 #f9d943 is the most saturated one.

#9f9f9d
```
#9f9f9d rgb(159,159,157)
```
#a7a495
```
#a7a495 rgb(167,164,149)
```
#aea98e
```
#aea98e rgb(174,169,142)
```
#b6ad86
```
#b6ad86 rgb(182,173,134)
```
#bdb27f
```
#bdb27f rgb(189,178,127)
```
#c5b777
```
#c5b777 rgb(197,183,119)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#d3c169
```
#d3c169 rgb(211,193,105)
```
#dbc661
```
#dbc661 rgb(219,198,97)
```
#e2cb5a
```
#e2cb5a rgb(226,203,90)
```
#eacf52
```
#eacf52 rgb(234,207,82)
```
#f1d44b
```
#f1d44b rgb(241,212,75)
```
#f9d943
```
#f9d943 rgb(249,217,67)
```

Tone Color Variation

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

#d0bf77 Protanopia 1% of men
#e5b77a Deuteranopia 1% of men
#d7b6c3 Tritanopia 0.001% of the population

Trichromacy

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

#ccbc70 hex color

#ccbc70 Color Information

#ccbc70 Color Conversion

Color Schemes with #ccbc70

Alternatives to #ccbc70

#ccbc70 Preview

Shades and Tints of #ccbc70

Tones of #ccbc70

Color Blindness Simulator