#ccb96c hex color

In a RGB color space, hex #ccb96c is composed of 80% red, 72.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 47.1% yellow and 20% black. It has a hue angle of 48.1 degrees, a saturation of 48.5% and a lightness of 61.2%. #ccb96c color hex could be obtained by blending #ffffd8 with #997300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 73
- B 42
RGB color chart
- C 0
- M 9
- Y 47
- K 20
CMYK color chart

● #ccb96c color description : Slightly desaturated yellow.

The hexadecimal color #ccb96c has RGB values of R:204, G:185, B:108 and CMYK values of C:0, M:0.09, Y:0.47, K:0.2. Its decimal value is 13416812.

Hex triplet	ccb96c	`#ccb96c`
RGB Decimal	204, 185, 108	`rgb(204,185,108)`
RGB Percent	80, 72.5, 42.4	`rgb(80%,72.5%,42.4%)`
CMYK	0, 9, 47, 20
HSL	48.1°, 48.5, 61.2	`hsl(48.1,48.5%,61.2%)`
HSV (or HSB)	48.1°, 47.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.214, -3.588, 41.341
XYZ	44.957, 48.619, 21.203
xyY	0.392, 0.424, 48.619
CIE-LCH	75.214, 41.496, 94.96
CIE-LUV	75.214, 16.419, 52.72
Hunter-Lab	69.727, -6.933, 30.78
Binary	11001100, 10111001, 01101100

#ccb96c
```
#ccb96c rgb(204,185,108)
```
#6c7fcc
```
#6c7fcc rgb(108,127,204)
```

Complementary Color

#cc896c
```
#cc896c rgb(204,137,108)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#afcc6c
```
#afcc6c rgb(175,204,108)
```

Analogous Color

#896ccc
```
#896ccc rgb(137,108,204)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#6cafcc
```
#6cafcc rgb(108,175,204)
```

Split Complementary Color

#b96ccc
```
#b96ccc rgb(185,108,204)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#6cccb9
```
#6cccb9 rgb(108,204,185)
```

Triadic Color

#cc6c7f
```
#cc6c7f rgb(204,108,127)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#6cccb9
```
#6cccb9 rgb(108,204,185)
```
#6c7fcc
```
#6c7fcc rgb(108,127,204)
```

Tetradic Color

#af983d
```
#af983d rgb(175,152,61)
```
#bfa746
```
#bfa746 rgb(191,167,70)
```
#c5b059
```
#c5b059 rgb(197,176,89)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#d3c27f
```
#d3c27f rgb(211,194,127)
```
#d9cb92
```
#d9cb92 rgb(217,203,146)
```
#e0d4a5
```
#e0d4a5 rgb(224,212,165)
```

Monochromatic Color

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

#cca16c
```
#cca16c rgb(204,161,108)
```
#cca96c
```
#cca96c rgb(204,169,108)
```
#ccb16c
```
#ccb16c rgb(204,177,108)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#ccc16c
```
#ccc16c rgb(204,193,108)
```
#ccc96c
```
#ccc96c rgb(204,201,108)
```
#c7cc6c
```
#c7cc6c rgb(199,204,108)
```

Similar Colors

Text with hexadecimal color #ccb96c

This text has a font color of #ccb96c.

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

#ccb96c background color

This paragraph has a background color of #ccb96c.

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

#ccb96c border color

This element has a border color of #ccb96c.

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

CSS codes

.text {color:#ccb96c;}

.background {background-color:#ccb96c;}

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

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

#0d0b05
```
#0d0b05 rgb(13,11,5)
```
#1c180a
```
#1c180a rgb(28,24,10)
```
#2a250f
```
#2a250f rgb(42,37,15)
```
#393214
```
#393214 rgb(57,50,20)
```
#473e19
```
#473e19 rgb(71,62,25)
```
#564b1e
```
#564b1e rgb(86,75,30)
```
#655823
```
#655823 rgb(101,88,35)
```
#736428
```
#736428 rgb(115,100,40)
```
#82712d
```
#82712d rgb(130,113,45)
```
#907e32
```
#907e32 rgb(144,126,50)
```
#9f8a37
```
#9f8a37 rgb(159,138,55)
```
#ad973c
```
#ad973c rgb(173,151,60)
```
#bca441
```
#bca441 rgb(188,164,65)
```

Shade Color Variation

#c2ab4f
```
#c2ab4f rgb(194,171,79)
```
#c7b25d
```
#c7b25d rgb(199,178,93)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#d1c07b
```
#d1c07b rgb(209,192,123)
```
#d6c789
```
#d6c789 rgb(214,199,137)
```
#dbce98
```
#dbce98 rgb(219,206,152)
```
#e0d5a6
```
#e0d5a6 rgb(224,213,166)
```
#e5dcb5
```
#e5dcb5 rgb(229,220,181)
```
#eae3c3
```
#eae3c3 rgb(234,227,195)
```
#efead2
```
#efead2 rgb(239,234,210)
```
#f4f0e1
```
#f4f0e1 rgb(244,240,225)
```
#f9f7ef
```
#f9f7ef rgb(249,247,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9e9d9a
```
#9e9d9a rgb(158,157,154)
```
#a6a292
```
#a6a292 rgb(166,162,146)
```
#aea78a
```
#aea78a rgb(174,167,138)
```
#b5ab83
```
#b5ab83 rgb(181,171,131)
```
#bdb07b
```
#bdb07b rgb(189,176,123)
```
#c4b474
```
#c4b474 rgb(196,180,116)
```
#ccb96c
```
#ccb96c rgb(204,185,108)
```
#d4be64
```
#d4be64 rgb(212,190,100)
```
#dbc25d
```
#dbc25d rgb(219,194,93)
```
#e3c755
```
#e3c755 rgb(227,199,85)
```
#eacb4e
```
#eacb4e rgb(234,203,78)
```
#f2d046
```
#f2d046 rgb(242,208,70)
```
#fad53e
```
#fad53e rgb(250,213,62)
```

Tone Color Variation

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

Dichromacy

#cebc73 Protanopia 1% of men
#e3b476 Deuteranopia 1% of men
#d7b3c0 Tritanopia 0.001% of the population

Trichromacy

#cdbb70 Protanomaly 1% of men, 0.01% of women
#dab672 Deuteranomaly 6% of men, 0.4% of women
#d3b5a1 Tritanomaly 0.01% of the population

#ccb96c hex color

#ccb96c Color Information

#ccb96c Color Conversion

Color Schemes with #ccb96c

Alternatives to #ccb96c

#ccb96c Preview

Shades and Tints of #ccb96c

Tones of #ccb96c

Color Blindness Simulator