#ccbf98 hex color

In a RGB color space, hex #ccbf98 is composed of 80% red, 74.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 25.5% yellow and 20% black. It has a hue angle of 45 degrees, a saturation of 33.8% and a lightness of 69.8%. #ccbf98 color hex could be obtained by blending #ffffff with #997f31. Closest websafe color is: #cccc99.

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

● #ccbf98 color description : Slightly desaturated yellow.

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

Hex triplet	ccbf98	`#ccbf98`
RGB Decimal	204, 191, 152	`rgb(204,191,152)`
RGB Percent	80, 74.9, 59.6	`rgb(80%,74.9%,59.6%)`
CMYK	0, 6, 25, 20
HSL	45°, 33.8, 69.8	`hsl(45,33.8%,69.8%)`
HSV (or HSB)	45°, 25.5, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.5, -1.554, 21.365
XYZ	49.199, 52.367, 37.22
xyY	0.354, 0.377, 52.367
CIE-LCH	77.5, 21.421, 94.161
CIE-LUV	77.5, 10.188, 29.9
Hunter-Lab	72.365, -5.28, 20.16
Binary	11001100, 10111111, 10011000

#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#98a5cc
```
#98a5cc rgb(152,165,204)
```

Complementary Color

#cca598
```
#cca598 rgb(204,165,152)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#bfcc98
```
#bfcc98 rgb(191,204,152)
```

Analogous Color

#a598cc
```
#a598cc rgb(165,152,204)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#98bfcc
```
#98bfcc rgb(152,191,204)
```

Split Complementary Color

#bf98cc
```
#bf98cc rgb(191,152,204)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#98ccbf
```
#98ccbf rgb(152,204,191)
```

Triadic Color

#cc98a5
```
#cc98a5 rgb(204,152,165)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#98ccbf
```
#98ccbf rgb(152,204,191)
```
#98a5cc
```
#98a5cc rgb(152,165,204)
```

Tetradic Color

#b39f65
```
#b39f65 rgb(179,159,101)
```
#bbaa76
```
#bbaa76 rgb(187,170,118)
```
#c4b487
```
#c4b487 rgb(196,180,135)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#d4caa9
```
#d4caa9 rgb(212,202,169)
```
#ddd4ba
```
#ddd4ba rgb(221,212,186)
```
#e5dfcb
```
#e5dfcb rgb(229,223,203)
```

Monochromatic Color

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

#ccb298
```
#ccb298 rgb(204,178,152)
```
#ccb698
```
#ccb698 rgb(204,182,152)
```
#ccbb98
```
#ccbb98 rgb(204,187,152)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#ccc398
```
#ccc398 rgb(204,195,152)
```
#ccc898
```
#ccc898 rgb(204,200,152)
```
#cccc98
```
#cccc98 rgb(204,204,152)
```

Similar Colors

Text with hexadecimal color #ccbf98

This text has a font color of #ccbf98.

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

#ccbf98 background color

This paragraph has a background color of #ccbf98.

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

#ccbf98 border color

This element has a border color of #ccbf98.

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

CSS codes

.text {color:#ccbf98;}

.background {background-color:#ccbf98;}

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

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 #f9f8f4 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#0f0d07
```
#0f0d07 rgb(15,13,7)
```
#1c190e
```
#1c190e rgb(28,25,14)
```
#292414
```
#292414 rgb(41,36,20)
```
#36301b
```
#36301b rgb(54,48,27)
```
#443b21
```
#443b21 rgb(68,59,33)
```
#514628
```
#514628 rgb(81,70,40)
```
#5e522e
```
#5e522e rgb(94,82,46)
```
#6b5d35
```
#6b5d35 rgb(107,93,53)
```
#78693b
```
#78693b rgb(120,105,59)
```
#857442
```
#857442 rgb(133,116,66)
```
#928048
```
#928048 rgb(146,128,72)
```
#9f8b4f
```
#9f8b4f rgb(159,139,79)
```

Shade Color Variation

#ac9656
```
#ac9656 rgb(172,150,86)
```
#b29e64
```
#b29e64 rgb(178,158,100)
```
#b9a771
```
#b9a771 rgb(185,167,113)
```
#bfaf7e
```
#bfaf7e rgb(191,175,126)
```
#c6b78b
```
#c6b78b rgb(198,183,139)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#d2c7a5
```
#d2c7a5 rgb(210,199,165)
```
#d9cfb2
```
#d9cfb2 rgb(217,207,178)
```
#dfd7bf
```
#dfd7bf rgb(223,215,191)
```
#e6e0cc
```
#e6e0cc rgb(230,224,204)
```
#ece8da
```
#ece8da rgb(236,232,218)
```
#f3f0e7
```
#f3f0e7 rgb(243,240,231)
```
#f9f8f4
```
#f9f8f4 rgb(249,248,244)
```

Tint Color Variation

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

#b4b3b0
```
#b4b3b0 rgb(180,179,176)
```
#bab6aa
```
#bab6aa rgb(186,182,170)
```
#c0b9a4
```
#c0b9a4 rgb(192,185,164)
```
#c6bc9e
```
#c6bc9e rgb(198,188,158)
```
#ccbf98
```
#ccbf98 rgb(204,191,152)
```
#d2c292
```
#d2c292 rgb(210,194,146)
```
#d8c58c
```
#d8c58c rgb(216,197,140)
```
#dec886
```
#dec886 rgb(222,200,134)
```
#e4cb80
```
#e4cb80 rgb(228,203,128)
```
#eace7a
```
#eace7a rgb(234,206,122)
```
#f0d174
```
#f0d174 rgb(240,209,116)
```
#f5d46f
```
#f5d46f rgb(245,212,111)
```
#fbd769
```
#fbd769 rgb(251,215,105)
```

Tone Color Variation

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

Dichromacy

#cec29d Protanopia 1% of men
#e1bb9f Deuteranopia 1% of men
#d4bcc9 Tritanopia 0.001% of the population

Trichromacy

#cdc19b Protanomaly 1% of men, 0.01% of women
#d9bc9c Deuteranomaly 6% of men, 0.4% of women
#d1bdb7 Tritanomaly 0.01% of the population

#ccbf98 hex color

#ccbf98 Color Information

#ccbf98 Color Conversion

Color Schemes with #ccbf98

Alternatives to #ccbf98

#ccbf98 Preview

Shades and Tints of #ccbf98

Tones of #ccbf98

Color Blindness Simulator