#ccbc6a hex color

In a RGB color space, hex #ccbc6a is composed of 80% red, 73.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 48% yellow and 20% black. It has a hue angle of 50.2 degrees, a saturation of 49% and a lightness of 60.8%. #ccbc6a color hex could be obtained by blending #ffffd4 with #997900. Closest websafe color is: #cccc66.

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

● #ccbc6a color description : Slightly desaturated yellow.

The hexadecimal color #ccbc6a has RGB values of R:204, G:188, B:106 and CMYK values of C:0, M:0.08, Y:0.48, K:0.2. Its decimal value is 13417578.

Hex triplet	ccbc6a	`#ccbc6a`
RGB Decimal	204, 188, 106	`rgb(204,188,106)`
RGB Percent	80, 73.7, 41.6	`rgb(80%,73.7%,41.6%)`
CMYK	0, 8, 48, 20
HSL	50.2°, 49, 60.8	`hsl(50.2,49%,60.8%)`
HSV (or HSB)	50.2°, 48, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.974, -5.344, 43.28
XYZ	45.486, 49.845, 20.86
xyY	0.391, 0.429, 49.845
CIE-LCH	75.974, 43.609, 97.039
CIE-LUV	75.974, 14.594, 55.205
Hunter-Lab	70.601, -8.55, 31.903
Binary	11001100, 10111100, 01101010

#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#6a7acc
```
#6a7acc rgb(106,122,204)
```

Complementary Color

#cc8b6a
```
#cc8b6a rgb(204,139,106)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#abcc6a
```
#abcc6a rgb(171,204,106)
```

Analogous Color

#8b6acc
```
#8b6acc rgb(139,106,204)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#6aabcc
```
#6aabcc rgb(106,171,204)
```

Split Complementary Color

#bc6acc
```
#bc6acc rgb(188,106,204)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#6accbc
```
#6accbc rgb(106,204,188)
```

Triadic Color

#cc6a7a
```
#cc6a7a rgb(204,106,122)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#6accbc
```
#6accbc rgb(106,204,188)
```
#6a7acc
```
#6a7acc rgb(106,122,204)
```

Tetradic Color

#ae9b3c
```
#ae9b3c rgb(174,155,60)
```
#bfab44
```
#bfab44 rgb(191,171,68)
```
#c5b357
```
#c5b357 rgb(197,179,87)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#d3c57d
```
#d3c57d rgb(211,197,125)
```
#d9cd90
```
#d9cd90 rgb(217,205,144)
```
#e0d6a3
```
#e0d6a3 rgb(224,214,163)
```

Monochromatic Color

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

#cca46a
```
#cca46a rgb(204,164,106)
```
#ccac6a
```
#ccac6a rgb(204,172,106)
```
#ccb46a
```
#ccb46a rgb(204,180,106)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#ccc46a
```
#ccc46a rgb(204,196,106)
```
#cccc6a
```
#cccc6a rgb(204,204,106)
```
#c4cc6a
```
#c4cc6a rgb(196,204,106)
```

Similar Colors

Text with hexadecimal color #ccbc6a

This text has a font color of #ccbc6a.

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

#ccbc6a background color

This paragraph has a background color of #ccbc6a.

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

#ccbc6a border color

This element has a border color of #ccbc6a.

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

CSS codes

.text {color:#ccbc6a;}

.background {background-color:#ccbc6a;}

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

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

#0c0a04
```
#0c0a04 rgb(12,10,4)
```
#1a1809
```
#1a1809 rgb(26,24,9)
```
#29250e
```
#29250e rgb(41,37,14)
```
#383213
```
#383213 rgb(56,50,19)
```
#463f18
```
#463f18 rgb(70,63,24)
```
#554c1d
```
#554c1d rgb(85,76,29)
```
#635922
```
#635922 rgb(99,89,34)
```
#726627
```
#726627 rgb(114,102,39)
```
#81732c
```
#81732c rgb(129,115,44)
```
#8f8031
```
#8f8031 rgb(143,128,49)
```
#9e8d36
```
#9e8d36 rgb(158,141,54)
```
#ac9a3b
```
#ac9a3b rgb(172,154,59)
```
#bba740
```
#bba740 rgb(187,167,64)
```

Shade Color Variation

#c2af4d
```
#c2af4d rgb(194,175,77)
```
#c7b55b
```
#c7b55b rgb(199,181,91)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#d1c379
```
#d1c379 rgb(209,195,121)
```
#d6c987
```
#d6c987 rgb(214,201,135)
```
#dbd096
```
#dbd096 rgb(219,208,150)
```
#e0d6a4
```
#e0d6a4 rgb(224,214,164)
```
#e5ddb3
```
#e5ddb3 rgb(229,221,179)
```
#eae3c2
```
#eae3c2 rgb(234,227,194)
```
#efead0
```
#efead0 rgb(239,234,208)
```
#f4f1df
```
#f4f1df rgb(244,241,223)
```
#f9f7ee
```
#f9f7ee rgb(249,247,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#9e9d98
```
#9e9d98 rgb(158,157,152)
```
#a6a290
```
#a6a290 rgb(166,162,144)
```
#ada789
```
#ada789 rgb(173,167,137)
```
#b5ac81
```
#b5ac81 rgb(181,172,129)
```
#bdb279
```
#bdb279 rgb(189,178,121)
```
#c4b772
```
#c4b772 rgb(196,183,114)
```
#ccbc6a
```
#ccbc6a rgb(204,188,106)
```
#d4c162
```
#d4c162 rgb(212,193,98)
```
#dbc65b
```
#dbc65b rgb(219,198,91)
```
#e3cc53
```
#e3cc53 rgb(227,204,83)
```
#ebd14b
```
#ebd14b rgb(235,209,75)
```
#f2d644
```
#f2d644 rgb(242,214,68)
```
#fadb3c
```
#fadb3c rgb(250,219,60)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb8a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0be71 Protanopia 1% of men
#e6b674 Deuteranopia 1% of men
#d7b5c2 Tritanopia 0.001% of the population

Trichromacy

#cebd6e Protanomaly 1% of men, 0.01% of women
#dcb870 Deuteranomaly 6% of men, 0.4% of women
#d3b8a2 Tritanomaly 0.01% of the population

#ccbc6a hex color

#ccbc6a Color Information

#ccbc6a Color Conversion

Color Schemes with #ccbc6a

Alternatives to #ccbc6a

#ccbc6a Preview

Shades and Tints of #ccbc6a

Tones of #ccbc6a

Color Blindness Simulator