#ccccbf hex color

In a RGB color space, hex #ccccbf is composed of 80% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 60 degrees, a saturation of 11.3% and a lightness of 77.5%. #ccccbf color hex could be obtained by blending #ffffff with #99997f. Closest websafe color is: #cccccc.

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

● #ccccbf color description : Grayish yellow.

The hexadecimal color #ccccbf has RGB values of R:204, G:204, B:191 and CMYK values of C:0, M:0, Y:0.06, K:0.2. Its decimal value is 13421759.

Hex triplet	ccccbf	`#ccccbf`
RGB Decimal	204, 204, 191	`rgb(204,204,191)`
RGB Percent	80, 80, 74.9	`rgb(80%,80%,74.9%)`
CMYK	0, 0, 6, 20
HSL	60°, 11.3, 77.5	`hsl(60,11.3%,77.5%)`
HSV (or HSB)	60°, 6.4, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.721, -2.302, 6.468
XYZ	55.897, 59.785, 57.882
xyY	0.322, 0.344, 59.785
CIE-LCH	81.721, 6.866, 109.592
CIE-LUV	81.721, 0.715, 9.969
Hunter-Lab	77.321, -6.269, 9.74
Binary	11001100, 11001100, 10111111

#ccccbf
```
#ccccbf rgb(204,204,191)
```
#bfbfcc
```
#bfbfcc rgb(191,191,204)
```

Complementary Color

#ccc6bf
```
#ccc6bf rgb(204,198,191)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#c6ccbf
```
#c6ccbf rgb(198,204,191)
```

Analogous Color

#c6bfcc
```
#c6bfcc rgb(198,191,204)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#bfc6cc
```
#bfc6cc rgb(191,198,204)
```

Split Complementary Color

#ccbfcc
```
#ccbfcc rgb(204,191,204)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#bfcccc
```
#bfcccc rgb(191,204,204)
```

Triadic Color

#ccbfbf
```
#ccbfbf rgb(204,191,191)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#bfcccc
```
#bfcccc rgb(191,204,204)
```
#bfbfcc
```
#bfbfcc rgb(191,191,204)
```

Tetradic Color

#aaaa94
```
#aaaa94 rgb(170,170,148)
```
#b5b5a3
```
#b5b5a3 rgb(181,181,163)
```
#c1c1b1
```
#c1c1b1 rgb(193,193,177)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#d7d7cd
```
#d7d7cd rgb(215,215,205)
```
#e3e3db
```
#e3e3db rgb(227,227,219)
```
#eeeeea
```
#eeeeea rgb(238,238,234)
```

Monochromatic Color

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

#ccc9bf
```
#ccc9bf rgb(204,201,191)
```
#cccabf
```
#cccabf rgb(204,202,191)
```
#cccbbf
```
#cccbbf rgb(204,203,191)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#cbccbf
```
#cbccbf rgb(203,204,191)
```
#caccbf
```
#caccbf rgb(202,204,191)
```
#c9ccbf
```
#c9ccbf rgb(201,204,191)
```

Similar Colors

Text with hexadecimal color #ccccbf

This text has a font color of #ccccbf.

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

#ccccbf background color

This paragraph has a background color of #ccccbf.

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

#ccccbf border color

This element has a border color of #ccccbf.

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

CSS codes

.text {color:#ccccbf;}

.background {background-color:#ccccbf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0c0a
```
#0c0c0a rgb(12,12,10)
```
#171713
```
#171713 rgb(23,23,19)
```
#22221b
```
#22221b rgb(34,34,27)
```
#2d2d24
```
#2d2d24 rgb(45,45,36)
```
#38382d
```
#38382d rgb(56,56,45)
```
#434335
```
#434335 rgb(67,67,53)
```
#4e4e3e
```
#4e4e3e rgb(78,78,62)
```
#595947
```
#595947 rgb(89,89,71)
```
#64644f
```
#64644f rgb(100,100,79)
```
#6f6f58
```
#6f6f58 rgb(111,111,88)
```
#7a7a61
```
#7a7a61 rgb(122,122,97)
```
#84846a
```
#84846a rgb(132,132,106)
```

Shade Color Variation

#8f8f73
```
#8f8f73 rgb(143,143,115)
```
#98987e
```
#98987e rgb(152,152,126)
```
#a1a188
```
#a1a188 rgb(161,161,136)
```
#a9a993
```
#a9a993 rgb(169,169,147)
```
#b2b29e
```
#b2b29e rgb(178,178,158)
```
#bbbba9
```
#bbbba9 rgb(187,187,169)
```
#c3c3b4
```
#c3c3b4 rgb(195,195,180)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#d5d5ca
```
#d5d5ca rgb(213,213,202)
```
#ddddd5
```
#ddddd5 rgb(221,221,213)
```
#e6e6e0
```
#e6e6e0 rgb(230,230,224)
```
#efefeb
```
#efefeb rgb(239,239,235)
```
#f7f7f6
```
#f7f7f6 rgb(247,247,246)
```

Tint Color Variation

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

#c8c8c3
```
#c8c8c3 rgb(200,200,195)
```
#ccccbf
```
#ccccbf rgb(204,204,191)
```
#d0d0bb
```
#d0d0bb rgb(208,208,187)
```
#d5d5b6
```
#d5d5b6 rgb(213,213,182)
```
#d9d9b2
```
#d9d9b2 rgb(217,217,178)
```
#dedead
```
#dedead rgb(222,222,173)
```
#e2e2a9
```
#e2e2a9 rgb(226,226,169)
```
#e7e7a4
```
#e7e7a4 rgb(231,231,164)
```
#ebeba0
```
#ebeba0 rgb(235,235,160)
```
#efef9c
```
#efef9c rgb(239,239,156)
```
#f4f497
```
#f4f497 rgb(244,244,151)
```
#f8f893
```
#f8f893 rgb(248,248,147)
```
#fdfd8e
```
#fdfd8e rgb(253,253,142)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbcbc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cdc1 Protanopia 1% of men
#e4c7c4 Deuteranopia 1% of men
#d2cbd9 Tritanopia 0.001% of the population

Trichromacy

#d1ccc0 Protanomaly 1% of men, 0.01% of women
#dbc9c2 Deuteranomaly 6% of men, 0.4% of women
#d0cbcf Tritanomaly 0.01% of the population

#ccccbf hex color

#ccccbf Color Information

#ccccbf Color Conversion

Color Schemes with #ccccbf

Alternatives to #ccccbf

#ccccbf Preview

Shades and Tints of #ccccbf

Tones of #ccccbf

Color Blindness Simulator