#ccbe9a hex color

In a RGB color space, hex #ccbe9a is composed of 80% red, 74.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 24.5% yellow and 20% black. It has a hue angle of 43.2 degrees, a saturation of 32.9% and a lightness of 70.2%. #ccbe9a color hex could be obtained by blending #ffffff with #997d35. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 75
- B 60
RGB color chart
- C 0
- M 7
- Y 25
- K 20
CMYK color chart

● #ccbe9a color description : Grayish orange.

The hexadecimal color #ccbe9a has RGB values of R:204, G:190, B:154 and CMYK values of C:0, M:0.07, Y:0.25, K:0.2. Its decimal value is 13418138.

Hex triplet	ccbe9a	`#ccbe9a`
RGB Decimal	204, 190, 154	`rgb(204,190,154)`
RGB Percent	80, 74.5, 60.4	`rgb(80%,74.5%,60.4%)`
CMYK	0, 7, 25, 20
HSL	43.2°, 32.9, 70.2	`hsl(43.2,32.9%,70.2%)`
HSV (or HSB)	43.2°, 24.5, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.28, -0.748, 19.994
XYZ	49.147, 51.998, 38.018
xyY	0.353, 0.374, 51.998
CIE-LCH	77.28, 20.008, 92.143
CIE-LUV	77.28, 10.643, 27.973
Hunter-Lab	72.11, -4.533, 19.218
Binary	11001100, 10111110, 10011010

#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#9aa8cc
```
#9aa8cc rgb(154,168,204)
```

Complementary Color

#cca59a
```
#cca59a rgb(204,165,154)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#c1cc9a
```
#c1cc9a rgb(193,204,154)
```

Analogous Color

#a59acc
```
#a59acc rgb(165,154,204)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#9ac1cc
```
#9ac1cc rgb(154,193,204)
```

Split Complementary Color

#be9acc
```
#be9acc rgb(190,154,204)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#9accbe
```
#9accbe rgb(154,204,190)
```

Triadic Color

#cc9aa8
```
#cc9aa8 rgb(204,154,168)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#9accbe
```
#9accbe rgb(154,204,190)
```
#9aa8cc
```
#9aa8cc rgb(154,168,204)
```

Tetradic Color

#b29d67
```
#b29d67 rgb(178,157,103)
```
#bba878
```
#bba878 rgb(187,168,120)
```
#c3b389
```
#c3b389 rgb(195,179,137)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#d5c9ab
```
#d5c9ab rgb(213,201,171)
```
#ddd4bc
```
#ddd4bc rgb(221,212,188)
```
#e6dfcd
```
#e6dfcd rgb(230,223,205)
```

Monochromatic Color

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

#ccb29a
```
#ccb29a rgb(204,178,154)
```
#ccb69a
```
#ccb69a rgb(204,182,154)
```
#ccba9a
```
#ccba9a rgb(204,186,154)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#ccc29a
```
#ccc29a rgb(204,194,154)
```
#ccc69a
```
#ccc69a rgb(204,198,154)
```
#cccb9a
```
#cccb9a rgb(204,203,154)
```

Similar Colors

Text with hexadecimal color #ccbe9a

This text has a font color of #ccbe9a.

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

#ccbe9a background color

This paragraph has a background color of #ccbe9a.

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

#ccbe9a border color

This element has a border color of #ccbe9a.

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

CSS codes

.text {color:#ccbe9a;}

.background {background-color:#ccbe9a;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#100e08
```
#100e08 rgb(16,14,8)
```
#1d190f
```
#1d190f rgb(29,25,15)
```
#2a2415
```
#2a2415 rgb(42,36,21)
```
#37301c
```
#37301c rgb(55,48,28)
```
#443b23
```
#443b23 rgb(68,59,35)
```
#514629
```
#514629 rgb(81,70,41)
```
#5f5130
```
#5f5130 rgb(95,81,48)
```
#6c5d36
```
#6c5d36 rgb(108,93,54)
```
#79683d
```
#79683d rgb(121,104,61)
```
#867343
```
#867343 rgb(134,115,67)
```
#937e4a
```
#937e4a rgb(147,126,74)
```
#a08a51
```
#a08a51 rgb(160,138,81)
```

Shade Color Variation

#ab9459
```
#ab9459 rgb(171,148,89)
```
#b29c66
```
#b29c66 rgb(178,156,102)
```
#b8a573
```
#b8a573 rgb(184,165,115)
```
#bfad80
```
#bfad80 rgb(191,173,128)
```
#c5b68d
```
#c5b68d rgb(197,182,141)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#d3c6a7
```
#d3c6a7 rgb(211,198,167)
```
#d9cfb4
```
#d9cfb4 rgb(217,207,180)
```
#e0d7c1
```
#e0d7c1 rgb(224,215,193)
```
#e6e0ce
```
#e6e0ce rgb(230,224,206)
```
#ede8db
```
#ede8db rgb(237,232,219)
```
#f3f0e8
```
#f3f0e8 rgb(243,240,232)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#b5b4b1
```
#b5b4b1 rgb(181,180,177)
```
#bab6ac
```
#bab6ac rgb(186,182,172)
```
#c0b9a6
```
#c0b9a6 rgb(192,185,166)
```
#c6bba0
```
#c6bba0 rgb(198,187,160)
```
#ccbe9a
```
#ccbe9a rgb(204,190,154)
```
#d2c194
```
#d2c194 rgb(210,193,148)
```
#d8c38e
```
#d8c38e rgb(216,195,142)
```
#dec688
```
#dec688 rgb(222,198,136)
```
#e3c883
```
#e3c883 rgb(227,200,131)
```
#e9cb7d
```
#e9cb7d rgb(233,203,125)
```
#efcd77
```
#efcd77 rgb(239,205,119)
```
#f5d071
```
#f5d071 rgb(245,208,113)
```
#fbd36b
```
#fbd36b rgb(251,211,107)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1beb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc19f Protanopia 1% of men
#dfbba1 Deuteranopia 1% of men
#d4bbc8 Tritanopia 0.001% of the population

Trichromacy

#ccc09d Protanomaly 1% of men, 0.01% of women
#d8bc9e Deuteranomaly 6% of men, 0.4% of women
#d1bcb7 Tritanomaly 0.01% of the population

#ccbe9a hex color

#ccbe9a Color Information

#ccbe9a Color Conversion

Color Schemes with #ccbe9a

Alternatives to #ccbe9a

#ccbe9a Preview

Shades and Tints of #ccbe9a

Tones of #ccbe9a

Color Blindness Simulator