#ccb693 hex color

In a RGB color space, hex #ccb693 is composed of 80% red, 71.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 27.9% yellow and 20% black. It has a hue angle of 36.8 degrees, a saturation of 35.8% and a lightness of 68.8%. #ccb693 color hex could be obtained by blending #ffffff with #996d27. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 71
- B 58
RGB color chart
- C 0
- M 11
- Y 28
- K 20
CMYK color chart

● #ccb693 color description : Slightly desaturated orange.

The hexadecimal color #ccb693 has RGB values of R:204, G:182, B:147 and CMYK values of C:0, M:0.11, Y:0.28, K:0.2. Its decimal value is 13416083.

Hex triplet	ccb693	`#ccb693`
RGB Decimal	204, 182, 147	`rgb(204,182,147)`
RGB Percent	80, 71.4, 57.6	`rgb(80%,71.4%,57.6%)`
CMYK	0, 11, 28, 20
HSL	36.8°, 35.8, 68.8	`hsl(36.8,35.8%,68.8%)`
HSV (or HSB)	36.8°, 27.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.077, 2.521, 20.715
XYZ	46.896, 48.401, 34.474
xyY	0.361, 0.373, 48.401
CIE-LCH	75.077, 20.868, 83.06
CIE-LUV	75.077, 15.826, 28.055
Hunter-Lab	69.571, -1.427, 19.32
Binary	11001100, 10110110, 10010011

#ccb693
```
#ccb693 rgb(204,182,147)
```
#93a9cc
```
#93a9cc rgb(147,169,204)
```

Complementary Color

#cc9a93
```
#cc9a93 rgb(204,154,147)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#c6cc93
```
#c6cc93 rgb(198,204,147)
```

Analogous Color

#9a93cc
```
#9a93cc rgb(154,147,204)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#93c6cc
```
#93c6cc rgb(147,198,204)
```

Split Complementary Color

#b693cc
```
#b693cc rgb(182,147,204)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#93ccb6
```
#93ccb6 rgb(147,204,182)
```

Triadic Color

#cc93a9
```
#cc93a9 rgb(204,147,169)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#93ccb6
```
#93ccb6 rgb(147,204,182)
```
#93a9cc
```
#93a9cc rgb(147,169,204)
```

Tetradic Color

#b3935f
```
#b3935f rgb(179,147,95)
```
#bc9f70
```
#bc9f70 rgb(188,159,112)
```
#c4aa82
```
#c4aa82 rgb(196,170,130)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#d4c2a4
```
#d4c2a4 rgb(212,194,164)
```
#dccdb6
```
#dccdb6 rgb(220,205,182)
```
#e5d9c7
```
#e5d9c7 rgb(229,217,199)
```

Monochromatic Color

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

#cca893
```
#cca893 rgb(204,168,147)
```
#ccad93
```
#ccad93 rgb(204,173,147)
```
#ccb193
```
#ccb193 rgb(204,177,147)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#ccbb93
```
#ccbb93 rgb(204,187,147)
```
#ccc093
```
#ccc093 rgb(204,192,147)
```
#ccc493
```
#ccc493 rgb(204,196,147)
```

Similar Colors

Text with hexadecimal color #ccb693

This text has a font color of #ccb693.

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

#ccb693 background color

This paragraph has a background color of #ccb693.

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

#ccb693 border color

This element has a border color of #ccb693.

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

CSS codes

.text {color:#ccb693;}

.background {background-color:#ccb693;}

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

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

#0c0906
```
#0c0906 rgb(12,9,6)
```
#19140c
```
#19140c rgb(25,20,12)
```
#271f12
```
#271f12 rgb(39,31,18)
```
#342919
```
#342919 rgb(52,41,25)
```
#41341f
```
#41341f rgb(65,52,31)
```
#4f3f25
```
#4f3f25 rgb(79,63,37)
```
#5c492b
```
#5c492b rgb(92,73,43)
```
#695432
```
#695432 rgb(105,84,50)
```
#775e38
```
#775e38 rgb(119,94,56)
```
#84693e
```
#84693e rgb(132,105,62)
```
#917445
```
#917445 rgb(145,116,69)
```
#9e7e4b
```
#9e7e4b rgb(158,126,75)
```
#ac8951
```
#ac8951 rgb(172,137,81)
```

Shade Color Variation

#b3925e
```
#b3925e rgb(179,146,94)
```
#b99b6b
```
#b99b6b rgb(185,155,107)
```
#bfa478
```
#bfa478 rgb(191,164,120)
```
#c6ad86
```
#c6ad86 rgb(198,173,134)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#d2bfa0
```
#d2bfa0 rgb(210,191,160)
```
#d9c8ae
```
#d9c8ae rgb(217,200,174)
```
#dfd1bb
```
#dfd1bb rgb(223,209,187)
```
#e5dac8
```
#e5dac8 rgb(229,218,200)
```
#ebe3d6
```
#ebe3d6 rgb(235,227,214)
```
#f2ece3
```
#f2ece3 rgb(242,236,227)
```
#f8f5f0
```
#f8f5f0 rgb(248,245,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b4b0ab
```
#b4b0ab rgb(180,176,171)
```
#bab2a5
```
#bab2a5 rgb(186,178,165)
```
#c0b39f
```
#c0b39f rgb(192,179,159)
```
#c6b599
```
#c6b599 rgb(198,181,153)
```
#ccb693
```
#ccb693 rgb(204,182,147)
```
#d2b78d
```
#d2b78d rgb(210,183,141)
```
#d8b987
```
#d8b987 rgb(216,185,135)
```
#deba81
```
#deba81 rgb(222,186,129)
```
#e4bc7b
```
#e4bc7b rgb(228,188,123)
```
#ebbd74
```
#ebbd74 rgb(235,189,116)
```
#f1be6e
```
#f1be6e rgb(241,190,110)
```
#f7c068
```
#f7c068 rgb(247,192,104)
```
#fdc162
```
#fdc162 rgb(253,193,98)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdb8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bc99 Protanopia 1% of men
#dab599 Deuteranopia 1% of men
#d4b4c0 Tritanopia 0.001% of the population

Trichromacy

#c9b997 Protanomaly 1% of men, 0.01% of women
#d4b597 Deuteranomaly 6% of men, 0.4% of women
#d1b4b0 Tritanomaly 0.01% of the population

#ccb693 hex color

#ccb693 Color Information

#ccb693 Color Conversion

Color Schemes with #ccb693

Alternatives to #ccb693

#ccb693 Preview

Shades and Tints of #ccb693

Tones of #ccb693

Color Blindness Simulator