#ccb667 hex color

In a RGB color space, hex #ccb667 is composed of 80% red, 71.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 49.5% yellow and 20% black. It has a hue angle of 46.9 degrees, a saturation of 49.8% and a lightness of 60.2%. #ccb667 color hex could be obtained by blending #ffffce with #996d00. Closest websafe color is: #cccc66.

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

● #ccb667 color description : Slightly desaturated yellow.

The hexadecimal color #ccb667 has RGB values of R:204, G:182, B:103 and CMYK values of C:0, M:0.11, Y:0.5, K:0.2. Its decimal value is 13416039.

Hex triplet	ccb667	`#ccb667`
RGB Decimal	204, 182, 103	`rgb(204,182,103)`
RGB Percent	80, 71.4, 40.4	`rgb(80%,71.4%,40.4%)`
CMYK	0, 11, 50, 20
HSL	46.9°, 49.8, 60.2	`hsl(46.9,49.8%,60.2%)`
HSV (or HSB)	46.9°, 49.5, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.365, -2.484, 42.809
XYZ	44.078, 47.274, 19.634
xyY	0.397, 0.426, 47.274
CIE-LCH	74.365, 42.881, 93.322
CIE-LUV	74.365, 18.629, 53.729
Hunter-Lab	68.756, -5.89, 31.198
Binary	11001100, 10110110, 01100111

#ccb667
```
#ccb667 rgb(204,182,103)
```
#677dcc
```
#677dcc rgb(103,125,204)
```

Complementary Color

#cc8467
```
#cc8467 rgb(204,132,103)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#b0cc67
```
#b0cc67 rgb(176,204,103)
```

Analogous Color

#8467cc
```
#8467cc rgb(132,103,204)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#67b0cc
```
#67b0cc rgb(103,176,204)
```

Split Complementary Color

#b667cc
```
#b667cc rgb(182,103,204)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#67ccb6
```
#67ccb6 rgb(103,204,182)
```

Triadic Color

#cc677d
```
#cc677d rgb(204,103,125)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#67ccb6
```
#67ccb6 rgb(103,204,182)
```
#677dcc
```
#677dcc rgb(103,125,204)
```

Tetradic Color

#ad943a
```
#ad943a rgb(173,148,58)
```
#bfa441
```
#bfa441 rgb(191,164,65)
```
#c6ad54
```
#c6ad54 rgb(198,173,84)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#d2bf7a
```
#d2bf7a rgb(210,191,122)
```
#d9c88d
```
#d9c88d rgb(217,200,141)
```
#dfd2a0
```
#dfd2a0 rgb(223,210,160)
```

Monochromatic Color

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

#cc9d67
```
#cc9d67 rgb(204,157,103)
```
#cca567
```
#cca567 rgb(204,165,103)
```
#ccae67
```
#ccae67 rgb(204,174,103)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#ccbe67
```
#ccbe67 rgb(204,190,103)
```
#ccc767
```
#ccc767 rgb(204,199,103)
```
#c9cc67
```
#c9cc67 rgb(201,204,103)
```

Similar Colors

Text with hexadecimal color #ccb667

This text has a font color of #ccb667.

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

#ccb667 background color

This paragraph has a background color of #ccb667.

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

#ccb667 border color

This element has a border color of #ccb667.

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

CSS codes

.text {color:#ccb667;}

.background {background-color:#ccb667;}

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

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

#0a0803
```
#0a0803 rgb(10,8,3)
```
#181508
```
#181508 rgb(24,21,8)
```
#27210d
```
#27210d rgb(39,33,13)
```
#362e12
```
#362e12 rgb(54,46,18)
```
#443a17
```
#443a17 rgb(68,58,23)
```
#53471c
```
#53471c rgb(83,71,28)
```
#625421
```
#625421 rgb(98,84,33)
```
#706026
```
#706026 rgb(112,96,38)
```
#7f6d2b
```
#7f6d2b rgb(127,109,43)
```
#8e7930
```
#8e7930 rgb(142,121,48)
```
#9c8634
```
#9c8634 rgb(156,134,52)
```
#ab9239
```
#ab9239 rgb(171,146,57)
```
#ba9f3e
```
#ba9f3e rgb(186,159,62)
```

Shade Color Variation

#c2a84a
```
#c2a84a rgb(194,168,74)
```
#c7af58
```
#c7af58 rgb(199,175,88)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#d1bd76
```
#d1bd76 rgb(209,189,118)
```
#d6c484
```
#d6c484 rgb(214,196,132)
```
#dbcb93
```
#dbcb93 rgb(219,203,147)
```
#e0d2a2
```
#e0d2a2 rgb(224,210,162)
```
#e5d9b0
```
#e5d9b0 rgb(229,217,176)
```
#eae0bf
```
#eae0bf rgb(234,224,191)
```
#eee7ce
```
#eee7ce rgb(238,231,206)
```
#f3eedc
```
#f3eedc rgb(243,238,220)
```
#f8f5eb
```
#f8f5eb rgb(248,245,235)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#9d9c96
```
#9d9c96 rgb(157,156,150)
```
#a5a08e
```
#a5a08e rgb(165,160,142)
```
#ada486
```
#ada486 rgb(173,164,134)
```
#b5a97e
```
#b5a97e rgb(181,169,126)
```
#bcad77
```
#bcad77 rgb(188,173,119)
```
#c4b26f
```
#c4b26f rgb(196,178,111)
```
#ccb667
```
#ccb667 rgb(204,182,103)
```
#d4ba5f
```
#d4ba5f rgb(212,186,95)
```
#dcbf57
```
#dcbf57 rgb(220,191,87)
```
#e3c350
```
#e3c350 rgb(227,195,80)
```
#ebc848
```
#ebc848 rgb(235,200,72)
```
#f3cc40
```
#f3cc40 rgb(243,204,64)
```
#fbd038
```
#fbd038 rgb(251,208,56)
```

Tone Color Variation

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

Dichromacy

#ccba6f Protanopia 1% of men
#e1b271 Deuteranopia 1% of men
#d7b0bc Tritanopia 0.001% of the population

Trichromacy

#ccb86c Protanomaly 1% of men, 0.01% of women
#d9b36d Deuteranomaly 6% of men, 0.4% of women
#d3b29d Tritanomaly 0.01% of the population

#ccb667 hex color

#ccb667 Color Information

#ccb667 Color Conversion

Color Schemes with #ccb667

Alternatives to #ccb667

#ccb667 Preview

Shades and Tints of #ccb667

Tones of #ccb667

Color Blindness Simulator