#ccb98c hex color

In a RGB color space, hex #ccb98c is composed of 80% red, 72.5% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 31.4% yellow and 20% black. It has a hue angle of 42.2 degrees, a saturation of 38.6% and a lightness of 67.5%. #ccb98c color hex could be obtained by blending #ffffff with #997319. Closest websafe color is: #cccc99.

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

● #ccb98c color description : Slightly desaturated orange.

The hexadecimal color #ccb98c has RGB values of R:204, G:185, B:140 and CMYK values of C:0, M:0.09, Y:0.31, K:0.2. Its decimal value is 13416844.

Hex triplet	ccb98c	`#ccb98c`
RGB Decimal	204, 185, 140	`rgb(204,185,140)`
RGB Percent	80, 72.5, 54.9	`rgb(80%,72.5%,54.9%)`
CMYK	0, 9, 31, 20
HSL	42.2°, 38.6, 67.5	`hsl(42.2,38.6%,67.5%)`
HSV (or HSB)	42.2°, 31.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.718, 0.007, 25.335
XYZ	46.984, 49.43, 31.875
xyY	0.366, 0.385, 49.43
CIE-LCH	75.718, 25.335, 89.984
CIE-LUV	75.718, 14.513, 34.329
Hunter-Lab	70.306, -3.749, 22.333
Binary	11001100, 10111001, 10001100

#ccb98c
```
#ccb98c rgb(204,185,140)
```
#8c9fcc
```
#8c9fcc rgb(140,159,204)
```

Complementary Color

#cc998c
```
#cc998c rgb(204,153,140)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#bfcc8c
```
#bfcc8c rgb(191,204,140)
```

Analogous Color

#998ccc
```
#998ccc rgb(153,140,204)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#8cbfcc
```
#8cbfcc rgb(140,191,204)
```

Split Complementary Color

#b98ccc
```
#b98ccc rgb(185,140,204)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#8cccb9
```
#8cccb9 rgb(140,204,185)
```

Triadic Color

#cc8c9f
```
#cc8c9f rgb(204,140,159)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#8cccb9
```
#8cccb9 rgb(140,204,185)
```
#8c9fcc
```
#8c9fcc rgb(140,159,204)
```

Tetradic Color

#b49957
```
#b49957 rgb(180,153,87)
```
#bca369
```
#bca369 rgb(188,163,105)
```
#c4ae7a
```
#c4ae7a rgb(196,174,122)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#d4c49e
```
#d4c49e rgb(212,196,158)
```
#dccfaf
```
#dccfaf rgb(220,207,175)
```
#e4d9c1
```
#e4d9c1 rgb(228,217,193)
```

Monochromatic Color

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

#cca98c
```
#cca98c rgb(204,169,140)
```
#ccae8c
```
#ccae8c rgb(204,174,140)
```
#ccb48c
```
#ccb48c rgb(204,180,140)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#ccbe8c
```
#ccbe8c rgb(204,190,140)
```
#ccc48c
```
#ccc48c rgb(204,196,140)
```
#ccc98c
```
#ccc98c rgb(204,201,140)
```

Similar Colors

Text with hexadecimal color #ccb98c

This text has a font color of #ccb98c.

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

#ccb98c background color

This paragraph has a background color of #ccb98c.

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

#ccb98c border color

This element has a border color of #ccb98c.

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

CSS codes

.text {color:#ccb98c;}

.background {background-color:#ccb98c;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#151109
```
#151109 rgb(21,17,9)
```
#221d0f
```
#221d0f rgb(34,29,15)
```
#302815
```
#302815 rgb(48,40,21)
```
#3e331b
```
#3e331b rgb(62,51,27)
```
#4b3f21
```
#4b3f21 rgb(75,63,33)
```
#594a27
```
#594a27 rgb(89,74,39)
```
#66562d
```
#66562d rgb(102,86,45)
```
#746133
```
#746133 rgb(116,97,51)
```
#826c39
```
#826c39 rgb(130,108,57)
```
#8f7840
```
#8f7840 rgb(143,120,64)
```
#9d8346
```
#9d8346 rgb(157,131,70)
```
#aa8e4c
```
#aa8e4c rgb(170,142,76)
```

Shade Color Variation

#b49856
```
#b49856 rgb(180,152,86)
```
#baa063
```
#baa063 rgb(186,160,99)
```
#c0a871
```
#c0a871 rgb(192,168,113)
```
#c6b17e
```
#c6b17e rgb(198,177,126)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#d2c19a
```
#d2c19a rgb(210,193,154)
```
#d8caa7
```
#d8caa7 rgb(216,202,167)
```
#ded2b5
```
#ded2b5 rgb(222,210,181)
```
#e4dac2
```
#e4dac2 rgb(228,218,194)
```
#eae2d0
```
#eae2d0 rgb(234,226,208)
```
#f0ebde
```
#f0ebde rgb(240,235,222)
```
#f6f3eb
```
#f6f3eb rgb(246,243,235)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#b2afa6
```
#b2afa6 rgb(178,175,166)
```
#b9b19f
```
#b9b19f rgb(185,177,159)
```
#bfb499
```
#bfb499 rgb(191,180,153)
```
#c6b692
```
#c6b692 rgb(198,182,146)
```
#ccb98c
```
#ccb98c rgb(204,185,140)
```
#d2bc86
```
#d2bc86 rgb(210,188,134)
```
#d9be7f
```
#d9be7f rgb(217,190,127)
```
#dfc179
```
#dfc179 rgb(223,193,121)
```
#e6c372
```
#e6c372 rgb(230,195,114)
```
#ecc66c
```
#ecc66c rgb(236,198,108)
```
#f2c966
```
#f2c966 rgb(242,201,102)
```
#f9cb5f
```
#f9cb5f rgb(249,203,95)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabd92 Protanopia 1% of men
#deb693 Deuteranopia 1% of men
#d5b5c2 Tritanopia 0.001% of the population

Trichromacy

#cbbc90 Protanomaly 1% of men, 0.01% of women
#d7b790 Deuteranomaly 6% of men, 0.4% of women
#d1b7ae Tritanomaly 0.01% of the population

#ccb98c hex color

#ccb98c Color Information

#ccb98c Color Conversion

Color Schemes with #ccb98c

Alternatives to #ccb98c

#ccb98c Preview

Shades and Tints of #ccb98c

Tones of #ccb98c

Color Blindness Simulator