#ccb296 hex color

In a RGB color space, hex #ccb296 is composed of 80% red, 69.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 26.5% yellow and 20% black. It has a hue angle of 31.1 degrees, a saturation of 34.6% and a lightness of 69.4%. #ccb296 color hex could be obtained by blending #ffffff with #99652d. Closest websafe color is: #cc9999.

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

● #ccb296 color description : Slightly desaturated orange.

The hexadecimal color #ccb296 has RGB values of R:204, G:178, B:150 and CMYK values of C:0, M:0.13, Y:0.26, K:0.2. Its decimal value is 13415062.

Hex triplet	ccb296	`#ccb296`
RGB Decimal	204, 178, 150	`rgb(204,178,150)`
RGB Percent	80, 69.8, 58.8	`rgb(80%,69.8%,58.8%)`
CMYK	0, 13, 26, 20
HSL	31.1°, 34.6, 69.4	`hsl(31.1,34.6%,69.4%)`
HSV (or HSB)	31.1°, 26.5, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	74.114, 5.069, 17.766
XYZ	46.327, 46.881, 35.461
xyY	0.36, 0.364, 46.881
CIE-LCH	74.114, 18.475, 74.075
CIE-LUV	74.114, 17.977, 23.716
Hunter-Lab	68.47, 0.951, 17.222
Binary	11001100, 10110010, 10010110

#ccb296
```
#ccb296 rgb(204,178,150)
```
#96b0cc
```
#96b0cc rgb(150,176,204)
```

Complementary Color

#cc9796
```
#cc9796 rgb(204,151,150)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#cbcc96
```
#cbcc96 rgb(203,204,150)
```

Analogous Color

#9796cc
```
#9796cc rgb(151,150,204)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#96cbcc
```
#96cbcc rgb(150,203,204)
```

Split Complementary Color

#b296cc
```
#b296cc rgb(178,150,204)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#96ccb2
```
#96ccb2 rgb(150,204,178)
```

Triadic Color

#cc96b0
```
#cc96b0 rgb(204,150,176)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#96ccb2
```
#96ccb2 rgb(150,204,178)
```
#96b0cc
```
#96b0cc rgb(150,176,204)
```

Tetradic Color

#b38c63
```
#b38c63 rgb(179,140,99)
```
#bb9974
```
#bb9974 rgb(187,153,116)
```
#c4a585
```
#c4a585 rgb(196,165,133)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#d4bfa7
```
#d4bfa7 rgb(212,191,167)
```
#ddcbb8
```
#ddcbb8 rgb(221,203,184)
```
#e5d8c9
```
#e5d8c9 rgb(229,216,201)
```

Monochromatic Color

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

#cca596
```
#cca596 rgb(204,165,150)
```
#cca996
```
#cca996 rgb(204,169,150)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#ccb796
```
#ccb796 rgb(204,183,150)
```
#ccbb96
```
#ccbb96 rgb(204,187,150)
```
#ccc096
```
#ccc096 rgb(204,192,150)
```

Similar Colors

Text with hexadecimal color #ccb296

This text has a font color of #ccb296.

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

#ccb296 background color

This paragraph has a background color of #ccb296.

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

#ccb296 border color

This element has a border color of #ccb296.

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

CSS codes

.text {color:#ccb296;}

.background {background-color:#ccb296;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0e0a07
```
#0e0a07 rgb(14,10,7)
```
#1b140d
```
#1b140d rgb(27,20,13)
```
#281e14
```
#281e14 rgb(40,30,20)
```
#35281a
```
#35281a rgb(53,40,26)
```
#433220
```
#433220 rgb(67,50,32)
```
#503c27
```
#503c27 rgb(80,60,39)
```
#5d462d
```
#5d462d rgb(93,70,45)
```
#6a5034
```
#6a5034 rgb(106,80,52)
```
#775a3a
```
#775a3a rgb(119,90,58)
```
#856440
```
#856440 rgb(133,100,64)
```
#926e47
```
#926e47 rgb(146,110,71)
```
#9f784d
```
#9f784d rgb(159,120,77)
```

Shade Color Variation

#ac8254
```
#ac8254 rgb(172,130,84)
```
#b28b61
```
#b28b61 rgb(178,139,97)
```
#b9956e
```
#b9956e rgb(185,149,110)
```
#bf9f7c
```
#bf9f7c rgb(191,159,124)
```
#c6a889
```
#c6a889 rgb(198,168,137)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#d2bca3
```
#d2bca3 rgb(210,188,163)
```
#d9c5b0
```
#d9c5b0 rgb(217,197,176)
```
#dfcfbe
```
#dfcfbe rgb(223,207,190)
```
#e6d9cb
```
#e6d9cb rgb(230,217,203)
```
#ece2d8
```
#ece2d8 rgb(236,226,216)
```
#f2ece5
```
#f2ece5 rgb(242,236,229)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#b4b1ae
```
#b4b1ae rgb(180,177,174)
```
#bab1a8
```
#bab1a8 rgb(186,177,168)
```
#c0b2a2
```
#c0b2a2 rgb(192,178,162)
```
#c6b29c
```
#c6b29c rgb(198,178,156)
```
#ccb296
```
#ccb296 rgb(204,178,150)
```
#d2b290
```
#d2b290 rgb(210,178,144)
```
#d8b28a
```
#d8b28a rgb(216,178,138)
```
#deb384
```
#deb384 rgb(222,179,132)
```
#e4b37e
```
#e4b37e rgb(228,179,126)
```
#eab378
```
#eab378 rgb(234,179,120)
```
#f0b372
```
#f0b372 rgb(240,179,114)
```
#f6b46c
```
#f6b46c rgb(246,180,108)
```
#fcb466
```
#fcb466 rgb(252,180,102)
```

Tone Color Variation

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

#c3b99d Protanopia 1% of men
#d5b39c Deuteranopia 1% of men
#d3b1bd Tritanopia 0.001% of the population

Trichromacy

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

#ccb296 hex color

#ccb296 Color Information

#ccb296 Color Conversion

Color Schemes with #ccb296

Alternatives to #ccb296

#ccb296 Preview

Shades and Tints of #ccb296

Tones of #ccb296

Color Blindness Simulator