#ccb97e hex color

In a RGB color space, hex #ccb97e is composed of 80% red, 72.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 38.2% yellow and 20% black. It has a hue angle of 45.4 degrees, a saturation of 43.3% and a lightness of 64.7%. #ccb97e color hex could be obtained by blending #fffffc with #997300. Closest websafe color is: #cccc66.

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

● #ccb97e color description : Slightly desaturated yellow.

The hexadecimal color #ccb97e has RGB values of R:204, G:185, B:126 and CMYK values of C:0, M:0.09, Y:0.38, K:0.2. Its decimal value is 13416830.

Hex triplet	ccb97e	`#ccb97e`
RGB Decimal	204, 185, 126	`rgb(204,185,126)`
RGB Percent	80, 72.5, 49.4	`rgb(80%,72.5%,49.4%)`
CMYK	0, 9, 38, 20
HSL	45.4°, 43.3, 64.7	`hsl(45.4,43.3%,64.7%)`
HSV (or HSB)	45.4°, 38.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.478, -1.691, 32.412
XYZ	46.016, 49.043, 26.78
xyY	0.378, 0.403, 49.043
CIE-LCH	75.478, 32.457, 92.987
CIE-LUV	75.478, 15.399, 42.891
Hunter-Lab	70.03, -5.263, 26.349
Binary	11001100, 10111001, 01111110

#ccb97e
```
#ccb97e rgb(204,185,126)
```
#7e91cc
```
#7e91cc rgb(126,145,204)
```

Complementary Color

#cc927e
```
#cc927e rgb(204,146,126)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#b8cc7e
```
#b8cc7e rgb(184,204,126)
```

Analogous Color

#927ecc
```
#927ecc rgb(146,126,204)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#7eb8cc
```
#7eb8cc rgb(126,184,204)
```

Split Complementary Color

#b97ecc
```
#b97ecc rgb(185,126,204)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#7eccb9
```
#7eccb9 rgb(126,204,185)
```

Triadic Color

#cc7e91
```
#cc7e91 rgb(204,126,145)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#7eccb9
```
#7eccb9 rgb(126,204,185)
```
#7e91cc
```
#7e91cc rgb(126,145,204)
```

Tetradic Color

#b69b48
```
#b69b48 rgb(182,155,72)
```
#bea559
```
#bea559 rgb(190,165,89)
```
#c5af6c
```
#c5af6c rgb(197,175,108)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#d3c390
```
#d3c390 rgb(211,195,144)
```
#dacda3
```
#dacda3 rgb(218,205,163)
```
#e2d7b5
```
#e2d7b5 rgb(226,215,181)
```

Monochromatic Color

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

#cca67e
```
#cca67e rgb(204,166,126)
```
#ccac7e
```
#ccac7e rgb(204,172,126)
```
#ccb37e
```
#ccb37e rgb(204,179,126)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#ccc07e
```
#ccc07e rgb(204,192,126)
```
#ccc67e
```
#ccc67e rgb(204,198,126)
```
#cccc7e
```
#cccc7e rgb(204,204,126)
```

Similar Colors

Text with hexadecimal color #ccb97e

This text has a font color of #ccb97e.

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

#ccb97e background color

This paragraph has a background color of #ccb97e.

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

#ccb97e border color

This element has a border color of #ccb97e.

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

CSS codes

.text {color:#ccb97e;}

.background {background-color:#ccb97e;}

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

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a160a
```
#1a160a rgb(26,22,10)
```
#282210
```
#282210 rgb(40,34,16)
```
#362e15
```
#362e15 rgb(54,46,21)
```
#443a1b
```
#443a1b rgb(68,58,27)
```
#524620
```
#524620 rgb(82,70,32)
```
#605226
```
#605226 rgb(96,82,38)
```
#6e5e2b
```
#6e5e2b rgb(110,94,43)
```
#7c6a31
```
#7c6a31 rgb(124,106,49)
```
#8a7637
```
#8a7637 rgb(138,118,55)
```
#98823c
```
#98823c rgb(152,130,60)
```
#a68e42
```
#a68e42 rgb(166,142,66)
```
#b49a47
```
#b49a47 rgb(180,154,71)
```

Shade Color Variation

#bba254
```
#bba254 rgb(187,162,84)
```
#c1aa62
```
#c1aa62 rgb(193,170,98)
```
#c6b170
```
#c6b170 rgb(198,177,112)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#d2c18c
```
#d2c18c rgb(210,193,140)
```
#d7c89a
```
#d7c89a rgb(215,200,154)
```
#ddd0a8
```
#ddd0a8 rgb(221,208,168)
```
#e2d8b6
```
#e2d8b6 rgb(226,216,182)
```
#e8dfc4
```
#e8dfc4 rgb(232,223,196)
```
#ede7d2
```
#ede7d2 rgb(237,231,210)
```
#f3eee0
```
#f3eee0 rgb(243,238,224)
```
#f8f6ee
```
#f8f6ee rgb(248,246,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a9a7a1
```
#a9a7a1 rgb(169,167,161)
```
#b0ab9a
```
#b0ab9a rgb(176,171,154)
```
#b7ae93
```
#b7ae93 rgb(183,174,147)
```
#beb28c
```
#beb28c rgb(190,178,140)
```
#c5b585
```
#c5b585 rgb(197,181,133)
```
#ccb97e
```
#ccb97e rgb(204,185,126)
```
#d3bd77
```
#d3bd77 rgb(211,189,119)
```
#dac070
```
#dac070 rgb(218,192,112)
```
#e1c469
```
#e1c469 rgb(225,196,105)
```
#e8c762
```
#e8c762 rgb(232,199,98)
```
#efcb5b
```
#efcb5b rgb(239,203,91)
```
#f6ce54
```
#f6ce54 rgb(246,206,84)
```
#fcd24e
```
#fcd24e rgb(252,210,78)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbd85 Protanopia 1% of men
#e0b586 Deuteranopia 1% of men
#d6b4c1 Tritanopia 0.001% of the population

Trichromacy

#ccbb82 Protanomaly 1% of men, 0.01% of women
#d9b783 Deuteranomaly 6% of men, 0.4% of women
#d2b6a8 Tritanomaly 0.01% of the population

#ccb97e hex color

#ccb97e Color Information

#ccb97e Color Conversion

Color Schemes with #ccb97e

Alternatives to #ccb97e

#ccb97e Preview

Shades and Tints of #ccb97e

Tones of #ccb97e

Color Blindness Simulator