#ccccbb hex color

In a RGB color space, hex #ccccbb is composed of 80% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 60 degrees, a saturation of 14.3% and a lightness of 76.7%. #ccccbb color hex could be obtained by blending #ffffff with #999977. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 80
- B 73
RGB color chart
- C 0
- M 0
- Y 8
- K 20
CMYK color chart

● #ccccbb color description : Grayish yellow.

The hexadecimal color #ccccbb has RGB values of R:204, G:204, B:187 and CMYK values of C:0, M:0, Y:0.08, K:0.2. Its decimal value is 13421755.

Hex triplet	ccccbb	`#ccccbb`
RGB Decimal	204, 204, 187	`rgb(204,204,187)`
RGB Percent	80, 80, 73.3	`rgb(80%,80%,73.3%)`
CMYK	0, 0, 8, 20
HSL	60°, 14.3, 76.7	`hsl(60,14.3%,76.7%)`
HSV (or HSB)	60°, 8.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.626, -2.982, 8.468
XYZ	55.463, 59.611, 55.595
xyY	0.325, 0.349, 59.611
CIE-LCH	81.626, 8.977, 109.397
CIE-LUV	81.626, 0.931, 12.967
Hunter-Lab	77.208, -6.888, 11.353
Binary	11001100, 11001100, 10111011

#ccccbb
```
#ccccbb rgb(204,204,187)
```
#bbbbcc
```
#bbbbcc rgb(187,187,204)
```

Complementary Color

#ccc4bb
```
#ccc4bb rgb(204,196,187)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#c4ccbb
```
#c4ccbb rgb(196,204,187)
```

Analogous Color

#c4bbcc
```
#c4bbcc rgb(196,187,204)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#bbc4cc
```
#bbc4cc rgb(187,196,204)
```

Split Complementary Color

#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#bbcccc
```
#bbcccc rgb(187,204,204)
```

Triadic Color

#ccbbbb
```
#ccbbbb rgb(204,187,187)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#bbcccc
```
#bbcccc rgb(187,204,204)
```
#bbbbcc
```
#bbbbcc rgb(187,187,204)
```

Tetradic Color

#abab8f
```
#abab8f rgb(171,171,143)
```
#b6b69e
```
#b6b69e rgb(182,182,158)
```
#c1c1ac
```
#c1c1ac rgb(193,193,172)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#d7d7ca
```
#d7d7ca rgb(215,215,202)
```
#e2e2d8
```
#e2e2d8 rgb(226,226,216)
```
#edede7
```
#edede7 rgb(237,237,231)
```

Monochromatic Color

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

#ccc8bb
```
#ccc8bb rgb(204,200,187)
```
#ccc9bb
```
#ccc9bb rgb(204,201,187)
```
#cccbbb
```
#cccbbb rgb(204,203,187)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#cbccbb
```
#cbccbb rgb(203,204,187)
```
#c9ccbb
```
#c9ccbb rgb(201,204,187)
```
#c8ccbb
```
#c8ccbb rgb(200,204,187)
```

Similar Colors

Text with hexadecimal color #ccccbb

This text has a font color of #ccccbb.

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

#ccccbb background color

This paragraph has a background color of #ccccbb.

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

#ccccbb border color

This element has a border color of #ccccbb.

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

CSS codes

.text {color:#ccccbb;}

.background {background-color:#ccccbb;}

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

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

#0a0a08
```
#0a0a08 rgb(10,10,8)
```
#161610
```
#161610 rgb(22,22,16)
```
#212119
```
#212119 rgb(33,33,25)
```
#2c2c21
```
#2c2c21 rgb(44,44,33)
```
#373729
```
#373729 rgb(55,55,41)
```
#434332
```
#434332 rgb(67,67,50)
```
#4e4e3a
```
#4e4e3a rgb(78,78,58)
```
#595943
```
#595943 rgb(89,89,67)
```
#64644b
```
#64644b rgb(100,100,75)
```
#6f6f54
```
#6f6f54 rgb(111,111,84)
```
#7b7b5c
```
#7b7b5c rgb(123,123,92)
```
#868664
```
#868664 rgb(134,134,100)
```
#91916d
```
#91916d rgb(145,145,109)
```

Shade Color Variation

#9a9a78
```
#9a9a78 rgb(154,154,120)
```
#a2a283
```
#a2a283 rgb(162,162,131)
```
#aaaa8e
```
#aaaa8e rgb(170,170,142)
```
#b3b399
```
#b3b399 rgb(179,179,153)
```
#bbbba5
```
#bbbba5 rgb(187,187,165)
```
#c4c4b0
```
#c4c4b0 rgb(196,196,176)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#d4d4c6
```
#d4d4c6 rgb(212,212,198)
```
#ddddd1
```
#ddddd1 rgb(221,221,209)
```
#e5e5dd
```
#e5e5dd rgb(229,229,221)
```
#eeeee8
```
#eeeee8 rgb(238,238,232)
```
#f6f6f3
```
#f6f6f3 rgb(246,246,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c7c7c0
```
#c7c7c0 rgb(199,199,192)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#d1d1b6
```
#d1d1b6 rgb(209,209,182)
```
#d5d5b2
```
#d5d5b2 rgb(213,213,178)
```
#dadaad
```
#dadaad rgb(218,218,173)
```
#dedea9
```
#dedea9 rgb(222,222,169)
```
#e3e3a4
```
#e3e3a4 rgb(227,227,164)
```
#e7e7a0
```
#e7e7a0 rgb(231,231,160)
```
#ecec9b
```
#ecec9b rgb(236,236,155)
```
#f1f196
```
#f1f196 rgb(241,241,150)
```
#f5f592
```
#f5f592 rgb(245,245,146)
```
#fafa8d
```
#fafa8d rgb(250,250,141)
```
#fefe89
```
#fefe89 rgb(254,254,137)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cacac7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4ccbd Protanopia 1% of men
#e5c6c0 Deuteranopia 1% of men
#d3cad9 Tritanopia 0.001% of the population

Trichromacy

#d1ccbc Protanomaly 1% of men, 0.01% of women
#dcc8be Deuteranomaly 6% of men, 0.4% of women
#d0cbce Tritanomaly 0.01% of the population

#ccccbb hex color

#ccccbb Color Information

#ccccbb Color Conversion

Color Schemes with #ccccbb

Alternatives to #ccccbb

#ccccbb Preview

Shades and Tints of #ccccbb

Tones of #ccccbb

Color Blindness Simulator