#ccb66f hex color

In a RGB color space, hex #ccb66f is composed of 80% red, 71.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 45.6% yellow and 20% black. It has a hue angle of 45.8 degrees, a saturation of 47.7% and a lightness of 61.8%. #ccb66f color hex could be obtained by blending #ffffde with #996d00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 71
- B 44
RGB color chart
- C 0
- M 11
- Y 46
- K 20
CMYK color chart

● #ccb66f color description : Slightly desaturated yellow.

The hexadecimal color #ccb66f has RGB values of R:204, G:182, B:111 and CMYK values of C:0, M:0.11, Y:0.46, K:0.2. Its decimal value is 13416047.

Hex triplet	ccb66f	`#ccb66f`
RGB Decimal	204, 182, 111	`rgb(204,182,111)`
RGB Percent	80, 71.4, 43.5	`rgb(80%,71.4%,43.5%)`
CMYK	0, 11, 46, 20
HSL	45.8°, 47.7, 61.8	`hsl(45.8,47.7%,61.8%)`
HSV (or HSB)	45.8°, 45.6, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.472, -1.718, 38.891
XYZ	44.499, 47.442, 21.851
xyY	0.391, 0.417, 47.442
CIE-LCH	74.472, 38.929, 92.53
CIE-LUV	74.472, 18.184, 49.667
Hunter-Lab	68.878, -5.217, 29.405
Binary	11001100, 10110110, 01101111

#ccb66f
```
#ccb66f rgb(204,182,111)
```
#6f85cc
```
#6f85cc rgb(111,133,204)
```

Complementary Color

#cc886f
```
#cc886f rgb(204,136,111)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#b4cc6f
```
#b4cc6f rgb(180,204,111)
```

Analogous Color

#886fcc
```
#886fcc rgb(136,111,204)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#6fb4cc
```
#6fb4cc rgb(111,180,204)
```

Split Complementary Color

#b66fcc
```
#b66fcc rgb(182,111,204)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#6fccb6
```
#6fccb6 rgb(111,204,182)
```

Triadic Color

#cc6f85
```
#cc6f85 rgb(204,111,133)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#6fccb6
```
#6fccb6 rgb(111,204,182)
```
#6f85cc
```
#6f85cc rgb(111,133,204)
```

Tetradic Color

#b0953e
```
#b0953e rgb(176,149,62)
```
#bfa349
```
#bfa349 rgb(191,163,73)
```
#c5ac5c
```
#c5ac5c rgb(197,172,92)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#d3c082
```
#d3c082 rgb(211,192,130)
```
#d9c995
```
#d9c995 rgb(217,201,149)
```
#e0d3a7
```
#e0d3a7 rgb(224,211,167)
```

Monochromatic Color

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

#cc9f6f
```
#cc9f6f rgb(204,159,111)
```
#cca76f
```
#cca76f rgb(204,167,111)
```
#ccae6f
```
#ccae6f rgb(204,174,111)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#ccbe6f
```
#ccbe6f rgb(204,190,111)
```
#ccc66f
```
#ccc66f rgb(204,198,111)
```
#cbcc6f
```
#cbcc6f rgb(203,204,111)
```

Similar Colors

Text with hexadecimal color #ccb66f

This text has a font color of #ccb66f.

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

#ccb66f background color

This paragraph has a background color of #ccb66f.

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

#ccb66f border color

This element has a border color of #ccb66f.

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

CSS codes

.text {color:#ccb66f;}

.background {background-color:#ccb66f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0d05
```
#0f0d05 rgb(15,13,5)
```
#1e190b
```
#1e190b rgb(30,25,11)
```
#2c2610
```
#2c2610 rgb(44,38,16)
```
#3b3215
```
#3b3215 rgb(59,50,21)
```
#493e1a
```
#493e1a rgb(73,62,26)
```
#584a1f
```
#584a1f rgb(88,74,31)
```
#665724
```
#665724 rgb(102,87,36)
```
#756329
```
#756329 rgb(117,99,41)
```
#836f2e
```
#836f2e rgb(131,111,46)
```
#927b34
```
#927b34 rgb(146,123,52)
```
#a08839
```
#a08839 rgb(160,136,57)
```
#af943e
```
#af943e rgb(175,148,62)
```

Shade Color Variation

#bda044
```
#bda044 rgb(189,160,68)
```
#c2a752
```
#c2a752 rgb(194,167,82)
```
#c7af61
```
#c7af61 rgb(199,175,97)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#d1bd7d
```
#d1bd7d rgb(209,189,125)
```
#d6c58c
```
#d6c58c rgb(214,197,140)
```
#dbcc9a
```
#dbcc9a rgb(219,204,154)
```
#e1d3a9
```
#e1d3a9 rgb(225,211,169)
```
#e6dbb7
```
#e6dbb7 rgb(230,219,183)
```
#ebe2c6
```
#ebe2c6 rgb(235,226,198)
```
#f0e9d4
```
#f0e9d4 rgb(240,233,212)
```
#f5f1e3
```
#f5f1e3 rgb(245,241,227)
```
#faf8f1
```
#faf8f1 rgb(250,248,241)
```

Tint Color Variation

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

#9f9e9c
```
#9f9e9c rgb(159,158,156)
```
#a7a295
```
#a7a295 rgb(167,162,149)
```
#aea68d
```
#aea68d rgb(174,166,141)
```
#b6aa86
```
#b6aa86 rgb(182,170,134)
```
#bdae7e
```
#bdae7e rgb(189,174,126)
```
#c5b277
```
#c5b277 rgb(197,178,119)
```
#ccb66f
```
#ccb66f rgb(204,182,111)
```
#d4ba68
```
#d4ba68 rgb(212,186,104)
```
#dbbe60
```
#dbbe60 rgb(219,190,96)
```
#e3c259
```
#e3c259 rgb(227,194,89)
```
#eac651
```
#eac651 rgb(234,198,81)
```
#f2ca4a
```
#f2ca4a rgb(242,202,74)
```
#f9ce42
```
#f9ce42 rgb(249,206,66)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbba76 Protanopia 1% of men
#e0b378 Deuteranopia 1% of men
#d6b1bd Tritanopia 0.001% of the population

Trichromacy

#cbb974 Protanomaly 1% of men, 0.01% of women
#d8b475 Deuteranomaly 6% of men, 0.4% of women
#d2b2a0 Tritanomaly 0.01% of the population

#ccb66f hex color

#ccb66f Color Information

#ccb66f Color Conversion

Color Schemes with #ccb66f

Alternatives to #ccb66f

#ccb66f Preview

Shades and Tints of #ccb66f

Tones of #ccb66f

Color Blindness Simulator