#ccb685 hex color

In a RGB color space, hex #ccb685 is composed of 80% red, 71.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 34.8% yellow and 20% black. It has a hue angle of 41.4 degrees, a saturation of 41% and a lightness of 66.1%. #ccb685 color hex could be obtained by blending #ffffff with #996d0b. Closest websafe color is: #cccc99.

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

● #ccb685 color description : Slightly desaturated orange.

The hexadecimal color #ccb685 has RGB values of R:204, G:182, B:133 and CMYK values of C:0, M:0.11, Y:0.35, K:0.2. Its decimal value is 13416069.

Hex triplet	ccb685	`#ccb685`
RGB Decimal	204, 182, 133	`rgb(204,182,133)`
RGB Percent	80, 71.4, 52.2	`rgb(80%,71.4%,52.2%)`
CMYK	0, 11, 35, 20
HSL	41.4°, 41, 66.1	`hsl(41.4,41%,66.1%)`
HSV (or HSB)	41.4°, 34.8, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.817, 0.72, 27.849
XYZ	45.863, 47.988, 29.036
xyY	0.373, 0.391, 47.988
CIE-LCH	74.817, 27.858, 88.519
CIE-LUV	74.817, 16.808, 37.066
Hunter-Lab	69.273, -3.05, 23.64
Binary	11001100, 10110110, 10000101

#ccb685
```
#ccb685 rgb(204,182,133)
```
#859bcc
```
#859bcc rgb(133,155,204)
```

Complementary Color

#cc9385
```
#cc9385 rgb(204,147,133)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#bfcc85
```
#bfcc85 rgb(191,204,133)
```

Analogous Color

#9385cc
```
#9385cc rgb(147,133,204)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#85bfcc
```
#85bfcc rgb(133,191,204)
```

Split Complementary Color

#b685cc
```
#b685cc rgb(182,133,204)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#85ccb6
```
#85ccb6 rgb(133,204,182)
```

Triadic Color

#cc859b
```
#cc859b rgb(204,133,155)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#85ccb6
```
#85ccb6 rgb(133,204,182)
```
#859bcc
```
#859bcc rgb(133,155,204)
```

Tetradic Color

#b5964f
```
#b5964f rgb(181,150,79)
```
#bda061
```
#bda061 rgb(189,160,97)
```
#c4ab73
```
#c4ab73 rgb(196,171,115)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#d4c197
```
#d4c197 rgb(212,193,151)
```
#dbcca9
```
#dbcca9 rgb(219,204,169)
```
#e3d6bb
```
#e3d6bb rgb(227,214,187)
```

Monochromatic Color

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

#cca485
```
#cca485 rgb(204,164,133)
```
#ccaa85
```
#ccaa85 rgb(204,170,133)
```
#ccb085
```
#ccb085 rgb(204,176,133)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#ccbc85
```
#ccbc85 rgb(204,188,133)
```
#ccc285
```
#ccc285 rgb(204,194,133)
```
#ccc885
```
#ccc885 rgb(204,200,133)
```

Similar Colors

Text with hexadecimal color #ccb685

This text has a font color of #ccb685.

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

#ccb685 background color

This paragraph has a background color of #ccb685.

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

#ccb685 border color

This element has a border color of #ccb685.

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

CSS codes

.text {color:#ccb685;}

.background {background-color:#ccb685;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100d07
```
#100d07 rgb(16,13,7)
```
#1e190d
```
#1e190d rgb(30,25,13)
```
#2c2412
```
#2c2412 rgb(44,36,18)
```
#3a2f18
```
#3a2f18 rgb(58,47,24)
```
#483b1e
```
#483b1e rgb(72,59,30)
```
#554624
```
#554624 rgb(85,70,36)
```
#63512a
```
#63512a rgb(99,81,42)
```
#715d2f
```
#715d2f rgb(113,93,47)
```
#7f6835
```
#7f6835 rgb(127,104,53)
```
#8d733b
```
#8d733b rgb(141,115,59)
```
#9b7f41
```
#9b7f41 rgb(155,127,65)
```
#a88a46
```
#a88a46 rgb(168,138,70)
```

Shade Color Variation

#b5954e
```
#b5954e rgb(181,149,78)
```
#bb9d5c
```
#bb9d5c rgb(187,157,92)
```
#c0a569
```
#c0a569 rgb(192,165,105)
```
#c6ae77
```
#c6ae77 rgb(198,174,119)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#d2be93
```
#d2be93 rgb(210,190,147)
```
#d8c7a1
```
#d8c7a1 rgb(216,199,161)
```
#ddcfae
```
#ddcfae rgb(221,207,174)
```
#e3d7bc
```
#e3d7bc rgb(227,215,188)
```
#e9dfca
```
#e9dfca rgb(233,223,202)
```
#efe8d8
```
#efe8d8 rgb(239,232,216)
```
#f4f0e6
```
#f4f0e6 rgb(244,240,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#aba9a6
```
#aba9a6 rgb(171,169,166)
```
#b1aca0
```
#b1aca0 rgb(177,172,160)
```
#b8ae99
```
#b8ae99 rgb(184,174,153)
```
#bfb192
```
#bfb192 rgb(191,177,146)
```
#c5b38c
```
#c5b38c rgb(197,179,140)
```
#ccb685
```
#ccb685 rgb(204,182,133)
```
#d3b97e
```
#d3b97e rgb(211,185,126)
```
#d9bb78
```
#d9bb78 rgb(217,187,120)
```
#e0be71
```
#e0be71 rgb(224,190,113)
```
#e7c06a
```
#e7c06a rgb(231,192,106)
```
#edc364
```
#edc364 rgb(237,195,100)
```
#f4c55d
```
#f4c55d rgb(244,197,93)
```
#fbc856
```
#fbc856 rgb(251,200,86)
```

Tone Color Variation

Below, you can see how #ccb685 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
#bbb7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8c Protanopia 1% of men
#dcb48c Deuteranopia 1% of men
#d5b2bf Tritanopia 0.001% of the population

Trichromacy

#cab989 Protanomaly 1% of men, 0.01% of women
#d6b58a Deuteranomaly 6% of men, 0.4% of women
#d1b3aa Tritanomaly 0.01% of the population

#ccb685 hex color

#ccb685 Color Information

#ccb685 Color Conversion

Color Schemes with #ccb685

Alternatives to #ccb685

#ccb685 Preview

Shades and Tints of #ccb685

Tones of #ccb685

Color Blindness Simulator