#ccb894 hex color

In a RGB color space, hex #ccb894 is composed of 80% red, 72.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 27.5% yellow and 20% black. It has a hue angle of 38.6 degrees, a saturation of 35.4% and a lightness of 69%. #ccb894 color hex could be obtained by blending #ffffff with #997129. Closest websafe color is: #cccc99.

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

● #ccb894 color description : Slightly desaturated orange.

The hexadecimal color #ccb894 has RGB values of R:204, G:184, B:148 and CMYK values of C:0, M:0.1, Y:0.27, K:0.2. Its decimal value is 13416596.

Hex triplet	ccb894	`#ccb894`
RGB Decimal	204, 184, 148	`rgb(204,184,148)`
RGB Percent	80, 72.2, 58	`rgb(80%,72.2%,58%)`
CMYK	0, 10, 27, 20
HSL	38.6°, 35.4, 69	`hsl(38.6,35.4%,69%)`
HSV (or HSB)	38.6°, 27.5, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.611, 1.594, 20.912
XYZ	47.387, 49.257, 35.027
xyY	0.36, 0.374, 49.257
CIE-LCH	75.611, 20.972, 85.641
CIE-LUV	75.611, 14.565, 28.535
Hunter-Lab	70.184, -2.301, 19.538
Binary	11001100, 10111000, 10010100

#ccb894
```
#ccb894 rgb(204,184,148)
```
#94a8cc
```
#94a8cc rgb(148,168,204)
```

Complementary Color

#cc9c94
```
#cc9c94 rgb(204,156,148)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#c4cc94
```
#c4cc94 rgb(196,204,148)
```

Analogous Color

#9c94cc
```
#9c94cc rgb(156,148,204)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#94c4cc
```
#94c4cc rgb(148,196,204)
```

Split Complementary Color

#b894cc
```
#b894cc rgb(184,148,204)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#94ccb8
```
#94ccb8 rgb(148,204,184)
```

Triadic Color

#cc94a8
```
#cc94a8 rgb(204,148,168)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#94ccb8
```
#94ccb8 rgb(148,204,184)
```
#94a8cc
```
#94a8cc rgb(148,168,204)
```

Tetradic Color

#b39660
```
#b39660 rgb(179,150,96)
```
#bca171
```
#bca171 rgb(188,161,113)
```
#c4ad83
```
#c4ad83 rgb(196,173,131)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#d4c3a5
```
#d4c3a5 rgb(212,195,165)
```
#dccfb7
```
#dccfb7 rgb(220,207,183)
```
#e5dac8
```
#e5dac8 rgb(229,218,200)
```

Monochromatic Color

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

#ccaa94
```
#ccaa94 rgb(204,170,148)
```
#ccaf94
```
#ccaf94 rgb(204,175,148)
```
#ccb394
```
#ccb394 rgb(204,179,148)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#ccbd94
```
#ccbd94 rgb(204,189,148)
```
#ccc194
```
#ccc194 rgb(204,193,148)
```
#ccc694
```
#ccc694 rgb(204,198,148)
```

Similar Colors

Text with hexadecimal color #ccb894

This text has a font color of #ccb894.

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

#ccb894 background color

This paragraph has a background color of #ccb894.

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

#ccb894 border color

This element has a border color of #ccb894.

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

CSS codes

.text {color:#ccb894;}

.background {background-color:#ccb894;}

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

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 #fffffe is the lightest one.

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1a150c
```
#1a150c rgb(26,21,12)
```
#272013
```
#272013 rgb(39,32,19)
```
#342b19
```
#342b19 rgb(52,43,25)
```
#42351f
```
#42351f rgb(66,53,31)
```
#4f4026
```
#4f4026 rgb(79,64,38)
```
#5c4b2c
```
#5c4b2c rgb(92,75,44)
```
#6a5632
```
#6a5632 rgb(106,86,50)
```
#776139
```
#776139 rgb(119,97,57)
```
#846b3f
```
#846b3f rgb(132,107,63)
```
#917645
```
#917645 rgb(145,118,69)
```
#9f814c
```
#9f814c rgb(159,129,76)
```
#ac8c52
```
#ac8c52 rgb(172,140,82)
```

Shade Color Variation

#b3955f
```
#b3955f rgb(179,149,95)
```
#b99e6c
```
#b99e6c rgb(185,158,108)
```
#bfa679
```
#bfa679 rgb(191,166,121)
```
#c6af87
```
#c6af87 rgb(198,175,135)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#d2c1a1
```
#d2c1a1 rgb(210,193,161)
```
#d9caaf
```
#d9caaf rgb(217,202,175)
```
#dfd2bc
```
#dfd2bc rgb(223,210,188)
```
#e5dbc9
```
#e5dbc9 rgb(229,219,201)
```
#ece4d6
```
#ece4d6 rgb(236,228,214)
```
#f2ede4
```
#f2ede4 rgb(242,237,228)
```
#f8f6f1
```
#f8f6f1 rgb(248,246,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b4b1ac
```
#b4b1ac rgb(180,177,172)
```
#bab3a6
```
#bab3a6 rgb(186,179,166)
```
#c0b5a0
```
#c0b5a0 rgb(192,181,160)
```
#c6b69a
```
#c6b69a rgb(198,182,154)
```
#ccb894
```
#ccb894 rgb(204,184,148)
```
#d2ba8e
```
#d2ba8e rgb(210,186,142)
```
#d8bb88
```
#d8bb88 rgb(216,187,136)
```
#debd82
```
#debd82 rgb(222,189,130)
```
#e4bf7c
```
#e4bf7c rgb(228,191,124)
```
#eac176
```
#eac176 rgb(234,193,118)
```
#f0c270
```
#f0c270 rgb(240,194,112)
```
#f7c469
```
#f7c469 rgb(247,196,105)
```
#fdc663
```
#fdc663 rgb(253,198,99)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bd9a Protanopia 1% of men
#dbb69b Deuteranopia 1% of men
#d4b5c2 Tritanopia 0.001% of the population

Trichromacy

#cabb98 Protanomaly 1% of men, 0.01% of women
#d5b798 Deuteranomaly 6% of men, 0.4% of women
#d1b6b1 Tritanomaly 0.01% of the population

#ccb894 hex color

#ccb894 Color Information

#ccb894 Color Conversion

Color Schemes with #ccb894

Alternatives to #ccb894

#ccb894 Preview

Shades and Tints of #ccb894

Tones of #ccb894

Color Blindness Simulator