#ccb167 hex color

In a RGB color space, hex #ccb167 is composed of 80% red, 69.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 49.5% yellow and 20% black. It has a hue angle of 44 degrees, a saturation of 49.8% and a lightness of 60.2%. #ccb167 color hex could be obtained by blending #ffffce with #996300. Closest websafe color is: #cc9966.

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

● #ccb167 color description : Slightly desaturated orange.

The hexadecimal color #ccb167 has RGB values of R:204, G:177, B:103 and CMYK values of C:0, M:0.13, Y:0.5, K:0.2. Its decimal value is 13414759.

Hex triplet	ccb167	`#ccb167`
RGB Decimal	204, 177, 103	`rgb(204,177,103)`
RGB Percent	80, 69.4, 40.4	`rgb(80%,69.4%,40.4%)`
CMYK	0, 13, 50, 20
HSL	44°, 49.8, 60.2	`hsl(44,49.8%,60.2%)`
HSV (or HSB)	44°, 49.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.064, 0.154, 41.214
XYZ	43.072, 45.262, 19.299
xyY	0.4, 0.421, 45.262
CIE-LCH	73.064, 41.214, 89.786
CIE-LUV	73.064, 21.913, 51.277
Hunter-Lab	67.277, -3.456, 30.086
Binary	11001100, 10110001, 01100111

#ccb167
```
#ccb167 rgb(204,177,103)
```
#6782cc
```
#6782cc rgb(103,130,204)
```

Complementary Color

#cc7f67
```
#cc7f67 rgb(204,127,103)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#b5cc67
```
#b5cc67 rgb(181,204,103)
```

Analogous Color

#7f67cc
```
#7f67cc rgb(127,103,204)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#67b5cc
```
#67b5cc rgb(103,181,204)
```

Split Complementary Color

#b167cc
```
#b167cc rgb(177,103,204)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#67ccb1
```
#67ccb1 rgb(103,204,177)
```

Triadic Color

#cc6782
```
#cc6782 rgb(204,103,130)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#67ccb1
```
#67ccb1 rgb(103,204,177)
```
#6782cc
```
#6782cc rgb(103,130,204)
```

Tetradic Color

#ad8e3a
```
#ad8e3a rgb(173,142,58)
```
#bf9d41
```
#bf9d41 rgb(191,157,65)
```
#c6a754
```
#c6a754 rgb(198,167,84)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#d2bb7a
```
#d2bb7a rgb(210,187,122)
```
#d9c58d
```
#d9c58d rgb(217,197,141)
```
#dfcea0
```
#dfcea0 rgb(223,206,160)
```

Monochromatic Color

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

#cc9867
```
#cc9867 rgb(204,152,103)
```
#cca067
```
#cca067 rgb(204,160,103)
```
#cca967
```
#cca967 rgb(204,169,103)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#ccb967
```
#ccb967 rgb(204,185,103)
```
#ccc267
```
#ccc267 rgb(204,194,103)
```
#ccca67
```
#ccca67 rgb(204,202,103)
```

Similar Colors

Text with hexadecimal color #ccb167

This text has a font color of #ccb167.

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

#ccb167 background color

This paragraph has a background color of #ccb167.

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

#ccb167 border color

This element has a border color of #ccb167.

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

CSS codes

.text {color:#ccb167;}

.background {background-color:#ccb167;}

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

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 #fdfcfa is the lightest one.

#0a0803
```
#0a0803 rgb(10,8,3)
```
#181408
```
#181408 rgb(24,20,8)
```
#27200d
```
#27200d rgb(39,32,13)
```
#362c12
```
#362c12 rgb(54,44,18)
```
#443817
```
#443817 rgb(68,56,23)
```
#53441c
```
#53441c rgb(83,68,28)
```
#625021
```
#625021 rgb(98,80,33)
```
#705c26
```
#705c26 rgb(112,92,38)
```
#7f682b
```
#7f682b rgb(127,104,43)
```
#8e7530
```
#8e7530 rgb(142,117,48)
```
#9c8134
```
#9c8134 rgb(156,129,52)
```
#ab8d39
```
#ab8d39 rgb(171,141,57)
```
#ba993e
```
#ba993e rgb(186,153,62)
```

Shade Color Variation

#c2a24a
```
#c2a24a rgb(194,162,74)
```
#c7a958
```
#c7a958 rgb(199,169,88)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#d1b976
```
#d1b976 rgb(209,185,118)
```
#d6c084
```
#d6c084 rgb(214,192,132)
```
#dbc893
```
#dbc893 rgb(219,200,147)
```
#e0cfa2
```
#e0cfa2 rgb(224,207,162)
```
#e5d7b0
```
#e5d7b0 rgb(229,215,176)
```
#eadebf
```
#eadebf rgb(234,222,191)
```
#eee6ce
```
#eee6ce rgb(238,230,206)
```
#f3eddc
```
#f3eddc rgb(243,237,220)
```
#f8f5eb
```
#f8f5eb rgb(248,245,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#9d9b96
```
#9d9b96 rgb(157,155,150)
```
#a59f8e
```
#a59f8e rgb(165,159,142)
```
#ada286
```
#ada286 rgb(173,162,134)
```
#b5a67e
```
#b5a67e rgb(181,166,126)
```
#bcaa77
```
#bcaa77 rgb(188,170,119)
```
#c4ad6f
```
#c4ad6f rgb(196,173,111)
```
#ccb167
```
#ccb167 rgb(204,177,103)
```
#d4b55f
```
#d4b55f rgb(212,181,95)
```
#dcb857
```
#dcb857 rgb(220,184,87)
```
#e3bc50
```
#e3bc50 rgb(227,188,80)
```
#ebc048
```
#ebc048 rgb(235,192,72)
```
#f3c340
```
#f3c340 rgb(243,195,64)
```
#fbc738
```
#fbc738 rgb(251,199,56)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b76f Protanopia 1% of men
#dcaf70 Deuteranopia 1% of men
#d6acb8 Tritanopia 0.001% of the population

Trichromacy

#c9b56c Protanomaly 1% of men, 0.01% of women
#d6b06d Deuteranomaly 6% of men, 0.4% of women
#d2ad9a Tritanomaly 0.01% of the population

#ccb167 hex color

#ccb167 Color Information

#ccb167 Color Conversion

Color Schemes with #ccb167

Alternatives to #ccb167

#ccb167 Preview

Shades and Tints of #ccb167

Tones of #ccb167

Color Blindness Simulator