#ccb4a7 hex color

In a RGB color space, hex #ccb4a7 is composed of 80% red, 70.6% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 18.1% yellow and 20% black. It has a hue angle of 21.1 degrees, a saturation of 26.6% and a lightness of 72.7%. #ccb4a7 color hex could be obtained by blending #ffffff with #99694f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 71
- B 65
RGB color chart
- C 0
- M 12
- Y 18
- K 20
CMYK color chart

● #ccb4a7 color description : Grayish orange.

The hexadecimal color #ccb4a7 has RGB values of R:204, G:180, B:167 and CMYK values of C:0, M:0.12, Y:0.18, K:0.2. Its decimal value is 13415591.

Hex triplet	ccb4a7	`#ccb4a7`
RGB Decimal	204, 180, 167	`rgb(204,180,167)`
RGB Percent	80, 70.6, 65.5	`rgb(80%,70.6%,65.5%)`
CMYK	0, 12, 18, 20
HSL	21.1°, 26.6, 72.7	`hsl(21.1,26.6%,72.7%)`
HSV (or HSB)	21.1°, 18.1, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.995, 6.495, 9.773
XYZ	48.197, 48.271, 43.335
xyY	0.345, 0.345, 48.271
CIE-LCH	74.995, 11.735, 56.393
CIE-LUV	74.995, 15.436, 12.83
Hunter-Lab	69.477, 2.243, 11.653
Binary	11001100, 10110100, 10100111

#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#a7bfcc
```
#a7bfcc rgb(167,191,204)
```

Complementary Color

#cca7ad
```
#cca7ad rgb(204,167,173)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#ccc7a7
```
#ccc7a7 rgb(204,199,167)
```

Analogous Color

#a7adcc
```
#a7adcc rgb(167,173,204)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#a7ccc7
```
#a7ccc7 rgb(167,204,199)
```

Split Complementary Color

#b4a7cc
```
#b4a7cc rgb(180,167,204)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#a7ccb4
```
#a7ccb4 rgb(167,204,180)
```

Triadic Color

#cca7bf
```
#cca7bf rgb(204,167,191)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#a7ccb4
```
#a7ccb4 rgb(167,204,180)
```
#a7bfcc
```
#a7bfcc rgb(167,191,204)
```

Tetradic Color

#b08b77
```
#b08b77 rgb(176,139,119)
```
#b99887
```
#b99887 rgb(185,152,135)
```
#c3a697
```
#c3a697 rgb(195,166,151)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#d5c2b7
```
#d5c2b7 rgb(213,194,183)
```
#dfd0c7
```
#dfd0c7 rgb(223,208,199)
```
#e8ddd7
```
#e8ddd7 rgb(232,221,215)
```

Monochromatic Color

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

#ccaba7
```
#ccaba7 rgb(204,171,167)
```
#ccaea7
```
#ccaea7 rgb(204,174,167)
```
#ccb1a7
```
#ccb1a7 rgb(204,177,167)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#ccb7a7
```
#ccb7a7 rgb(204,183,167)
```
#ccbaa7
```
#ccbaa7 rgb(204,186,167)
```
#ccbda7
```
#ccbda7 rgb(204,189,167)
```

Similar Colors

Text with hexadecimal color #ccb4a7

This text has a font color of #ccb4a7.

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

#ccb4a7 background color

This paragraph has a background color of #ccb4a7.

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

#ccb4a7 border color

This element has a border color of #ccb4a7.

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

CSS codes

.text {color:#ccb4a7;}

.background {background-color:#ccb4a7;}

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

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

#0b0807
```
#0b0807 rgb(11,8,7)
```
#18110e
```
#18110e rgb(24,17,14)
```
#241a15
```
#241a15 rgb(36,26,21)
```
#31231c
```
#31231c rgb(49,35,28)
```
#3d2c23
```
#3d2c23 rgb(61,44,35)
```
#49352b
```
#49352b rgb(73,53,43)
```
#563e32
```
#563e32 rgb(86,62,50)
```
#624739
```
#624739 rgb(98,71,57)
```
#6f5140
```
#6f5140 rgb(111,81,64)
```
#7b5a47
```
#7b5a47 rgb(123,90,71)
```
#88634f
```
#88634f rgb(136,99,79)
```
#946c56
```
#946c56 rgb(148,108,86)
```
#a0755d
```
#a0755d rgb(160,117,93)
```

Shade Color Variation

#a87f69
```
#a87f69 rgb(168,127,105)
```
#af8a75
```
#af8a75 rgb(175,138,117)
```
#b69482
```
#b69482 rgb(182,148,130)
```
#be9f8e
```
#be9f8e rgb(190,159,142)
```
#c5a99b
```
#c5a99b rgb(197,169,155)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#d3bfb3
```
#d3bfb3 rgb(211,191,179)
```
#dac9c0
```
#dac9c0 rgb(218,201,192)
```
#e2d4cc
```
#e2d4cc rgb(226,212,204)
```
#e9ded9
```
#e9ded9 rgb(233,222,217)
```
#f0e9e5
```
#f0e9e5 rgb(240,233,229)
```
#f7f4f2
```
#f7f4f2 rgb(247,244,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#bcb9b7
```
#bcb9b7 rgb(188,185,183)
```
#c1b7b2
```
#c1b7b2 rgb(193,183,178)
```
#c7b6ac
```
#c7b6ac rgb(199,182,172)
```
#ccb4a7
```
#ccb4a7 rgb(204,180,167)
```
#d1b2a2
```
#d1b2a2 rgb(209,178,162)
```
#d7b19c
```
#d7b19c rgb(215,177,156)
```
#dcaf97
```
#dcaf97 rgb(220,175,151)
```
#e1ae92
```
#e1ae92 rgb(225,174,146)
```
#e7ac8c
```
#e7ac8c rgb(231,172,140)
```
#ecaa87
```
#ecaa87 rgb(236,170,135)
```
#f1a982
```
#f1a982 rgb(241,169,130)
```
#f7a77c
```
#f7a77c rgb(247,167,124)
```
#fca677
```
#fca677 rgb(252,166,119)
```

Tone Color Variation

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

Dichromacy

#c3bbad Protanopia 1% of men
#d3b6ac Deuteranopia 1% of men
#d1b4c1 Tritanopia 0.001% of the population

Trichromacy

#c6b8ab Protanomaly 1% of men, 0.01% of women
#d0b5aa Deuteranomaly 6% of men, 0.4% of women
#cfb4b7 Tritanomaly 0.01% of the population

#ccb4a7 hex color

#ccb4a7 Color Information

#ccb4a7 Color Conversion

Color Schemes with #ccb4a7

Alternatives to #ccb4a7

#ccb4a7 Preview

Shades and Tints of #ccb4a7

Tones of #ccb4a7

Color Blindness Simulator