#ccb266 hex color

In a RGB color space, hex #ccb266 is composed of 80% red, 69.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 50% yellow and 20% black. It has a hue angle of 44.7 degrees, a saturation of 50% and a lightness of 60%. #ccb266 color hex could be obtained by blending #ffffcc with #996500. Closest websafe color is: #cc9966.

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

● #ccb266 color description : Moderate orange.

The hexadecimal color #ccb266 has RGB values of R:204, G:178, B:102 and CMYK values of C:0, M:0.13, Y:0.5, K:0.2. Its decimal value is 13415014.

Hex triplet	ccb266	`#ccb266`
RGB Decimal	204, 178, 102	`rgb(204,178,102)`
RGB Percent	80, 69.8, 40	`rgb(80%,69.8%,40%)`
CMYK	0, 13, 50, 20
HSL	44.7°, 50, 60	`hsl(44.7,50%,60%)`
HSV (or HSB)	44.7°, 50, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.311, -0.467, 42.022
XYZ	43.221, 45.639, 19.102
xyY	0.4, 0.423, 45.639
CIE-LCH	73.311, 42.024, 90.637
CIE-LUV	73.311, 21.311, 52.263
Hunter-Lab	67.556, -4.025, 30.525
Binary	11001100, 10110010, 01100110

#ccb266
```
#ccb266 rgb(204,178,102)
```
#6680cc
```
#6680cc rgb(102,128,204)
```

Complementary Color

#cc7f66
```
#cc7f66 rgb(204,127,102)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#b3cc66
```
#b3cc66 rgb(179,204,102)
```

Analogous Color

#7f66cc
```
#7f66cc rgb(127,102,204)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#66b3cc
```
#66b3cc rgb(102,179,204)
```

Split Complementary Color

#b266cc
```
#b266cc rgb(178,102,204)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#66ccb2
```
#66ccb2 rgb(102,204,178)
```

Triadic Color

#cc6680
```
#cc6680 rgb(204,102,128)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#66ccb2
```
#66ccb2 rgb(102,204,178)
```
#6680cc
```
#6680cc rgb(102,128,204)
```

Tetradic Color

#ac8f39
```
#ac8f39 rgb(172,143,57)
```
#bf9f40
```
#bf9f40 rgb(191,159,64)
```
#c6a853
```
#c6a853 rgb(198,168,83)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#d2bc79
```
#d2bc79 rgb(210,188,121)
```
#d9c58c
```
#d9c58c rgb(217,197,140)
```
#dfcf9f
```
#dfcf9f rgb(223,207,159)
```

Monochromatic Color

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

#cc9966
```
#cc9966 rgb(204,153,102)
```
#cca166
```
#cca166 rgb(204,161,102)
```
#ccaa66
```
#ccaa66 rgb(204,170,102)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#ccbb66
```
#ccbb66 rgb(204,187,102)
```
#ccc366
```
#ccc366 rgb(204,195,102)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```

Similar Colors

Text with hexadecimal color #ccb266

This text has a font color of #ccb266.

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

#ccb266 background color

This paragraph has a background color of #ccb266.

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

#ccb266 border color

This element has a border color of #ccb266.

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

CSS codes

.text {color:#ccb266;}

.background {background-color:#ccb266;}

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

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

#090703
```
#090703 rgb(9,7,3)
```
#181408
```
#181408 rgb(24,20,8)
```
#26200d
```
#26200d rgb(38,32,13)
```
#352c12
```
#352c12 rgb(53,44,18)
```
#443817
```
#443817 rgb(68,56,23)
```
#52441b
```
#52441b rgb(82,68,27)
```
#615120
```
#615120 rgb(97,81,32)
```
#705d25
```
#705d25 rgb(112,93,37)
```
#7f692a
```
#7f692a rgb(127,105,42)
```
#8d752f
```
#8d752f rgb(141,117,47)
```
#9c8134
```
#9c8134 rgb(156,129,52)
```
#ab8e39
```
#ab8e39 rgb(171,142,57)
```
#b99a3e
```
#b99a3e rgb(185,154,62)
```

Shade Color Variation

#c2a349
```
#c2a349 rgb(194,163,73)
```
#c7ab57
```
#c7ab57 rgb(199,171,87)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#d1b975
```
#d1b975 rgb(209,185,117)
```
#d6c183
```
#d6c183 rgb(214,193,131)
```
#dbc892
```
#dbc892 rgb(219,200,146)
```
#e0d0a1
```
#e0d0a1 rgb(224,208,161)
```
#e5d7b0
```
#e5d7b0 rgb(229,215,176)
```
#e9debe
```
#e9debe rgb(233,222,190)
```
#eee6cd
```
#eee6cd rgb(238,230,205)
```
#f3eddc
```
#f3eddc rgb(243,237,220)
```
#f8f5ea
```
#f8f5ea rgb(248,245,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#9d9b95
```
#9d9b95 rgb(157,155,149)
```
#a59f8d
```
#a59f8d rgb(165,159,141)
```
#ada385
```
#ada385 rgb(173,163,133)
```
#b4a67e
```
#b4a67e rgb(180,166,126)
```
#bcaa76
```
#bcaa76 rgb(188,170,118)
```
#c4ae6e
```
#c4ae6e rgb(196,174,110)
```
#ccb266
```
#ccb266 rgb(204,178,102)
```
#d4b65e
```
#d4b65e rgb(212,182,94)
```
#dcba56
```
#dcba56 rgb(220,186,86)
```
#e4be4e
```
#e4be4e rgb(228,190,78)
```
#ebc147
```
#ebc147 rgb(235,193,71)
```
#f3c53f
```
#f3c53f rgb(243,197,63)
```
#fbc937
```
#fbc937 rgb(251,201,55)
```

Tone Color Variation

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

#c8b76e Protanopia 1% of men
#ddb06f Deuteranopia 1% of men
#d6adb9 Tritanopia 0.001% of the population

Trichromacy

#cab56b Protanomaly 1% of men, 0.01% of women
#d7b06c Deuteranomaly 6% of men, 0.4% of women
#d2ae9a Tritanomaly 0.01% of the population

#ccb266 hex color

#ccb266 Color Information

#ccb266 Color Conversion

Color Schemes with #ccb266

Alternatives to #ccb266

#ccb266 Preview

Shades and Tints of #ccb266

Tones of #ccb266

Color Blindness Simulator