#ccb399 hex color

In a RGB color space, hex #ccb399 is composed of 80% red, 70.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 25% yellow and 20% black. It has a hue angle of 30.6 degrees, a saturation of 33.3% and a lightness of 70%. #ccb399 color hex could be obtained by blending #ffffff with #996733. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 70
- B 60
RGB color chart
- C 0
- M 12
- Y 25
- K 20
CMYK color chart

● #ccb399 color description : Slightly desaturated orange.

The hexadecimal color #ccb399 has RGB values of R:204, G:179, B:153 and CMYK values of C:0, M:0.12, Y:0.25, K:0.2. Its decimal value is 13415321.

Hex triplet	ccb399	`#ccb399`
RGB Decimal	204, 179, 153	`rgb(204,179,153)`
RGB Percent	80, 70.2, 60	`rgb(80%,70.2%,60%)`
CMYK	0, 12, 25, 20
HSL	30.6°, 33.3, 70	`hsl(30.6,33.3%,70%)`
HSV (or HSB)	30.6°, 25, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.431, 4.955, 16.582
XYZ	46.771, 47.379, 36.816
xyY	0.357, 0.362, 47.379
CIE-LCH	74.431, 17.306, 73.363
CIE-LUV	74.431, 17.146, 22.229
Hunter-Lab	68.832, 0.834, 16.47
Binary	11001100, 10110011, 10011001

#ccb399
```
#ccb399 rgb(204,179,153)
```
#99b2cc
```
#99b2cc rgb(153,178,204)
```

Complementary Color

#cc9a99
```
#cc9a99 rgb(204,154,153)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#cccc99
```
#cccc99 rgb(204,204,153)
```

Analogous Color

#9a99cc
```
#9a99cc rgb(154,153,204)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#99cccc
```
#99cccc rgb(153,204,204)
```

Split Complementary Color

#b399cc
```
#b399cc rgb(179,153,204)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#99ccb3
```
#99ccb3 rgb(153,204,179)
```

Triadic Color

#cc99b2
```
#cc99b2 rgb(204,153,178)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#99ccb3
```
#99ccb3 rgb(153,204,179)
```
#99b2cc
```
#99b2cc rgb(153,178,204)
```

Tetradic Color

#b38d66
```
#b38d66 rgb(179,141,102)
```
#bb9a77
```
#bb9a77 rgb(187,154,119)
```
#c4a688
```
#c4a688 rgb(196,166,136)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#d5c0aa
```
#d5c0aa rgb(213,192,170)
```
#ddccbb
```
#ddccbb rgb(221,204,187)
```
#e6d9cc
```
#e6d9cc rgb(230,217,204)
```

Monochromatic Color

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

#cca699
```
#cca699 rgb(204,166,153)
```
#ccab99
```
#ccab99 rgb(204,171,153)
```
#ccaf99
```
#ccaf99 rgb(204,175,153)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#ccb799
```
#ccb799 rgb(204,183,153)
```
#ccbc99
```
#ccbc99 rgb(204,188,153)
```
#ccc099
```
#ccc099 rgb(204,192,153)
```

Similar Colors

Text with hexadecimal color #ccb399

This text has a font color of #ccb399.

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

#ccb399 background color

This paragraph has a background color of #ccb399.

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

#ccb399 border color

This element has a border color of #ccb399.

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

CSS codes

.text {color:#ccb399;}

.background {background-color:#ccb399;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#100c08
```
#100c08 rgb(16,12,8)
```
#1d160e
```
#1d160e rgb(29,22,14)
```
#2a2015
```
#2a2015 rgb(42,32,21)
```
#37291b
```
#37291b rgb(55,41,27)
```
#443322
```
#443322 rgb(68,51,34)
```
#513d29
```
#513d29 rgb(81,61,41)
```
#5e472f
```
#5e472f rgb(94,71,47)
```
#6b5136
```
#6b5136 rgb(107,81,54)
```
#785b3c
```
#785b3c rgb(120,91,60)
```
#856543
```
#856543 rgb(133,101,67)
```
#926f49
```
#926f49 rgb(146,111,73)
```
#a07850
```
#a07850 rgb(160,120,80)
```

Shade Color Variation

#ab8258
```
#ab8258 rgb(171,130,88)
```
#b28c65
```
#b28c65 rgb(178,140,101)
```
#b89672
```
#b89672 rgb(184,150,114)
```
#bfa07f
```
#bfa07f rgb(191,160,127)
```
#c5a98c
```
#c5a98c rgb(197,169,140)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#d3bda6
```
#d3bda6 rgb(211,189,166)
```
#d9c6b3
```
#d9c6b3 rgb(217,198,179)
```
#e0d0c0
```
#e0d0c0 rgb(224,208,192)
```
#e6dacd
```
#e6dacd rgb(230,218,205)
```
#ede4da
```
#ede4da rgb(237,228,218)
```
#f3ede7
```
#f3ede7 rgb(243,237,231)
```
#faf7f5
```
#faf7f5 rgb(250,247,245)
```

Tint Color Variation

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

#b4b3b1
```
#b4b3b1 rgb(180,179,177)
```
#bab3ab
```
#bab3ab rgb(186,179,171)
```
#c0b3a5
```
#c0b3a5 rgb(192,179,165)
```
#c6b39f
```
#c6b39f rgb(198,179,159)
```
#ccb399
```
#ccb399 rgb(204,179,153)
```
#d2b393
```
#d2b393 rgb(210,179,147)
```
#d8b38d
```
#d8b38d rgb(216,179,141)
```
#deb387
```
#deb387 rgb(222,179,135)
```
#e4b381
```
#e4b381 rgb(228,179,129)
```
#e9b47c
```
#e9b47c rgb(233,180,124)
```
#efb476
```
#efb476 rgb(239,180,118)
```
#f5b470
```
#f5b470 rgb(245,180,112)
```
#fbb46a
```
#fbb46a rgb(251,180,106)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ba9f Protanopia 1% of men
#d6b49f Deuteranopia 1% of men
#d3b2be Tritanopia 0.001% of the population

Trichromacy

#c7b79d Protanomaly 1% of men, 0.01% of women
#d2b39c Deuteranomaly 6% of men, 0.4% of women
#d0b2b1 Tritanomaly 0.01% of the population

#ccb399 hex color

#ccb399 Color Information

#ccb399 Color Conversion

Color Schemes with #ccb399

Alternatives to #ccb399

#ccb399 Preview

Shades and Tints of #ccb399

Tones of #ccb399

Color Blindness Simulator