#ccb395 hex color

In a RGB color space, hex #ccb395 is composed of 80% red, 70.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 27% yellow and 20% black. It has a hue angle of 32.7 degrees, a saturation of 35% and a lightness of 69.2%. #ccb395 color hex could be obtained by blending #ffffff with #99672b. Closest websafe color is: #cccc99.

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

● #ccb395 color description : Slightly desaturated orange.

The hexadecimal color #ccb395 has RGB values of R:204, G:179, B:149 and CMYK values of C:0, M:0.12, Y:0.27, K:0.2. Its decimal value is 13415317.

Hex triplet	ccb395	`#ccb395`
RGB Decimal	204, 179, 149	`rgb(204,179,149)`
RGB Percent	80, 70.2, 58.4	`rgb(80%,70.2%,58.4%)`
CMYK	0, 12, 27, 20
HSL	32.7°, 35, 69.2	`hsl(32.7,35%,69.2%)`
HSV (or HSB)	32.7°, 27, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.348, 4.395, 18.632
XYZ	46.446, 47.249, 35.105
xyY	0.361, 0.367, 47.249
CIE-LCH	74.348, 19.143, 76.726
CIE-LUV	74.348, 17.461, 24.978
Hunter-Lab	68.738, 0.322, 17.836
Binary	11001100, 10110011, 10010101

#ccb395
```
#ccb395 rgb(204,179,149)
```
#95aecc
```
#95aecc rgb(149,174,204)
```

Complementary Color

#cc9895
```
#cc9895 rgb(204,152,149)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#cacc95
```
#cacc95 rgb(202,204,149)
```

Analogous Color

#9895cc
```
#9895cc rgb(152,149,204)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#95cacc
```
#95cacc rgb(149,202,204)
```

Split Complementary Color

#b395cc
```
#b395cc rgb(179,149,204)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#95ccb3
```
#95ccb3 rgb(149,204,179)
```

Triadic Color

#cc95ae
```
#cc95ae rgb(204,149,174)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#95ccb3
```
#95ccb3 rgb(149,204,179)
```
#95aecc
```
#95aecc rgb(149,174,204)
```

Tetradic Color

#b38e61
```
#b38e61 rgb(179,142,97)
```
#bb9a73
```
#bb9a73 rgb(187,154,115)
```
#c4a784
```
#c4a784 rgb(196,167,132)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#d4bfa6
```
#d4bfa6 rgb(212,191,166)
```
#ddccb7
```
#ddccb7 rgb(221,204,183)
```
#e5d8c9
```
#e5d8c9 rgb(229,216,201)
```

Monochromatic Color

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

#cca595
```
#cca595 rgb(204,165,149)
```
#ccaa95
```
#ccaa95 rgb(204,170,149)
```
#ccae95
```
#ccae95 rgb(204,174,149)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#ccb895
```
#ccb895 rgb(204,184,149)
```
#ccbc95
```
#ccbc95 rgb(204,188,149)
```
#ccc195
```
#ccc195 rgb(204,193,149)
```

Similar Colors

Text with hexadecimal color #ccb395

This text has a font color of #ccb395.

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

#ccb395 background color

This paragraph has a background color of #ccb395.

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

#ccb395 border color

This element has a border color of #ccb395.

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

CSS codes

.text {color:#ccb395;}

.background {background-color:#ccb395;}

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

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

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1a140d
```
#1a140d rgb(26,20,13)
```
#281e13
```
#281e13 rgb(40,30,19)
```
#352819
```
#352819 rgb(53,40,25)
```
#423320
```
#423320 rgb(66,51,32)
```
#4f3d26
```
#4f3d26 rgb(79,61,38)
```
#5d472d
```
#5d472d rgb(93,71,45)
```
#6a5133
```
#6a5133 rgb(106,81,51)
```
#775b39
```
#775b39 rgb(119,91,57)
```
#846540
```
#846540 rgb(132,101,64)
```
#926f46
```
#926f46 rgb(146,111,70)
```
#9f794c
```
#9f794c rgb(159,121,76)
```
#ac8453
```
#ac8453 rgb(172,132,83)
```

Shade Color Variation

#b38d60
```
#b38d60 rgb(179,141,96)
```
#b9976d
```
#b9976d rgb(185,151,109)
```
#bfa07b
```
#bfa07b rgb(191,160,123)
```
#c6aa88
```
#c6aa88 rgb(198,170,136)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#d2bca2
```
#d2bca2 rgb(210,188,162)
```
#d9c6af
```
#d9c6af rgb(217,198,175)
```
#dfcfbd
```
#dfcfbd rgb(223,207,189)
```
#e5d9ca
```
#e5d9ca rgb(229,217,202)
```
#ece2d7
```
#ece2d7 rgb(236,226,215)
```
#f2ece4
```
#f2ece4 rgb(242,236,228)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b4b1ad
```
#b4b1ad rgb(180,177,173)
```
#bab1a7
```
#bab1a7 rgb(186,177,167)
```
#c0b2a1
```
#c0b2a1 rgb(192,178,161)
```
#c6b29b
```
#c6b29b rgb(198,178,155)
```
#ccb395
```
#ccb395 rgb(204,179,149)
```
#d2b48f
```
#d2b48f rgb(210,180,143)
```
#d8b489
```
#d8b489 rgb(216,180,137)
```
#deb583
```
#deb583 rgb(222,181,131)
```
#e4b57d
```
#e4b57d rgb(228,181,125)
```
#eab677
```
#eab677 rgb(234,182,119)
```
#f0b671
```
#f0b671 rgb(240,182,113)
```
#f6b76b
```
#f6b76b rgb(246,183,107)
```
#fcb765
```
#fcb765 rgb(252,183,101)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ba9b Protanopia 1% of men
#d6b39b Deuteranopia 1% of men
#d3b1be Tritanopia 0.001% of the population

Trichromacy

#c7b799 Protanomaly 1% of men, 0.01% of women
#d2b399 Deuteranomaly 6% of men, 0.4% of women
#d0b2af Tritanomaly 0.01% of the population

#ccb395 hex color

#ccb395 Color Information

#ccb395 Color Conversion

Color Schemes with #ccb395

Alternatives to #ccb395

#ccb395 Preview

Shades and Tints of #ccb395

Tones of #ccb395

Color Blindness Simulator