#ccb295 hex color

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

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

● #ccb295 color description : Slightly desaturated orange.

The hexadecimal color #ccb295 has RGB values of R:204, G:178, B:149 and CMYK values of C:0, M:0.13, Y:0.27, K:0.2. Its decimal value is 13415061.

Hex triplet	ccb295	`#ccb295`
RGB Decimal	204, 178, 149	`rgb(204,178,149)`
RGB Percent	80, 69.8, 58.4	`rgb(80%,69.8%,58.4%)`
CMYK	0, 13, 27, 20
HSL	31.6°, 35, 69.2	`hsl(31.6,35%,69.2%)`
HSV (or HSB)	31.6°, 27, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	74.093, 4.931, 18.279
XYZ	46.246, 46.849, 35.039
xyY	0.361, 0.366, 46.849
CIE-LCH	74.093, 18.932, 74.904
CIE-LUV	74.093, 18.056, 24.4
Hunter-Lab	68.446, 0.824, 17.561
Binary	11001100, 10110010, 10010101

#ccb295
```
#ccb295 rgb(204,178,149)
```
#95afcc
```
#95afcc rgb(149,175,204)
```

Complementary Color

#cc9795
```
#cc9795 rgb(204,151,149)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#cbcc95
```
#cbcc95 rgb(203,204,149)
```

Analogous Color

#9795cc
```
#9795cc rgb(151,149,204)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#95cbcc
```
#95cbcc rgb(149,203,204)
```

Split Complementary Color

#b295cc
```
#b295cc rgb(178,149,204)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#95ccb2
```
#95ccb2 rgb(149,204,178)
```

Triadic Color

#cc95af
```
#cc95af rgb(204,149,175)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#95ccb2
```
#95ccb2 rgb(149,204,178)
```
#95afcc
```
#95afcc rgb(149,175,204)
```

Tetradic Color

#b38c61
```
#b38c61 rgb(179,140,97)
```
#bb9973
```
#bb9973 rgb(187,153,115)
```
#c4a584
```
#c4a584 rgb(196,165,132)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#d4bfa6
```
#d4bfa6 rgb(212,191,166)
```
#ddcbb7
```
#ddcbb7 rgb(221,203,183)
```
#e5d8c9
```
#e5d8c9 rgb(229,216,201)
```

Monochromatic Color

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

#cca495
```
#cca495 rgb(204,164,149)
```
#cca995
```
#cca995 rgb(204,169,149)
```
#ccad95
```
#ccad95 rgb(204,173,149)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#ccb795
```
#ccb795 rgb(204,183,149)
```
#ccbb95
```
#ccbb95 rgb(204,187,149)
```
#ccc095
```
#ccc095 rgb(204,192,149)
```

Similar Colors

Text with hexadecimal color #ccb295

This text has a font color of #ccb295.

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

#ccb295 background color

This paragraph has a background color of #ccb295.

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

#ccb295 border color

This element has a border color of #ccb295.

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

CSS codes

.text {color:#ccb295;}

.background {background-color:#ccb295;}

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

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)
```
#423220
```
#423220 rgb(66,50,32)
```
#4f3c26
```
#4f3c26 rgb(79,60,38)
```
#5d462d
```
#5d462d rgb(93,70,45)
```
#6a5033
```
#6a5033 rgb(106,80,51)
```
#775a39
```
#775a39 rgb(119,90,57)
```
#846440
```
#846440 rgb(132,100,64)
```
#926e46
```
#926e46 rgb(146,110,70)
```
#9f784c
```
#9f784c rgb(159,120,76)
```
#ac8253
```
#ac8253 rgb(172,130,83)
```

Shade Color Variation

#b38c60
```
#b38c60 rgb(179,140,96)
```
#b9956d
```
#b9956d rgb(185,149,109)
```
#bf9f7b
```
#bf9f7b rgb(191,159,123)
```
#c6a888
```
#c6a888 rgb(198,168,136)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#d2bca2
```
#d2bca2 rgb(210,188,162)
```
#d9c5af
```
#d9c5af rgb(217,197,175)
```
#dfcfbd
```
#dfcfbd rgb(223,207,189)
```
#e5d8ca
```
#e5d8ca rgb(229,216,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 #fcb565 is the most saturated one.

#b4b1ad
```
#b4b1ad rgb(180,177,173)
```
#bab1a7
```
#bab1a7 rgb(186,177,167)
```
#c0b1a1
```
#c0b1a1 rgb(192,177,161)
```
#c6b29b
```
#c6b29b rgb(198,178,155)
```
#ccb295
```
#ccb295 rgb(204,178,149)
```
#d2b28f
```
#d2b28f rgb(210,178,143)
```
#d8b389
```
#d8b389 rgb(216,179,137)
```
#deb383
```
#deb383 rgb(222,179,131)
```
#e4b37d
```
#e4b37d rgb(228,179,125)
```
#eab477
```
#eab477 rgb(234,180,119)
```
#f0b471
```
#f0b471 rgb(240,180,113)
```
#f6b46b
```
#f6b46b rgb(246,180,107)
```
#fcb565
```
#fcb565 rgb(252,181,101)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bab5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b99c Protanopia 1% of men
#d6b39b Deuteranopia 1% of men
#d3b0bd Tritanopia 0.001% of the population

Trichromacy

#c6b699 Protanomaly 1% of men, 0.01% of women
#d2b299 Deuteranomaly 6% of men, 0.4% of women
#d0b1ae Tritanomaly 0.01% of the population

#ccb295 hex color

#ccb295 Color Information

#ccb295 Color Conversion

Color Schemes with #ccb295

Alternatives to #ccb295

#ccb295 Preview

Shades and Tints of #ccb295

Tones of #ccb295

Color Blindness Simulator