#ccb69f hex color

In a RGB color space, hex #ccb69f is composed of 80% red, 71.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 22.1% yellow and 20% black. It has a hue angle of 30.7 degrees, a saturation of 30.6% and a lightness of 71.2%. #ccb69f color hex could be obtained by blending #ffffff with #996d3f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 71
- B 62
RGB color chart
- C 0
- M 11
- Y 22
- K 20
CMYK color chart

● #ccb69f color description : Grayish orange.

The hexadecimal color #ccb69f has RGB values of R:204, G:182, B:159 and CMYK values of C:0, M:0.11, Y:0.22, K:0.2. Its decimal value is 13416095.

Hex triplet	ccb69f	`#ccb69f`
RGB Decimal	204, 182, 159	`rgb(204,182,159)`
RGB Percent	80, 71.4, 62.4	`rgb(80%,71.4%,62.4%)`
CMYK	0, 11, 22, 20
HSL	30.7°, 30.6, 71.2	`hsl(30.7,30.6%,71.2%)`
HSV (or HSB)	30.7°, 22.1, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.325, 4.217, 14.582
XYZ	47.887, 48.797, 39.695
xyY	0.351, 0.358, 48.797
CIE-LCH	75.325, 15.18, 73.871
CIE-LUV	75.325, 14.927, 19.796
Hunter-Lab	69.855, 0.119, 15.207
Binary	11001100, 10110110, 10011111

#ccb69f
```
#ccb69f rgb(204,182,159)
```
#9fb5cc
```
#9fb5cc rgb(159,181,204)
```

Complementary Color

#cca09f
```
#cca09f rgb(204,160,159)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#cccc9f
```
#cccc9f rgb(204,204,159)
```

Analogous Color

#a09fcc
```
#a09fcc rgb(160,159,204)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#9fcccc
```
#9fcccc rgb(159,204,204)
```

Split Complementary Color

#b69fcc
```
#b69fcc rgb(182,159,204)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#9fccb6
```
#9fccb6 rgb(159,204,182)
```

Triadic Color

#cc9fb5
```
#cc9fb5 rgb(204,159,181)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#9fccb6
```
#9fccb6 rgb(159,204,182)
```
#9fb5cc
```
#9fb5cc rgb(159,181,204)
```

Tetradic Color

#b1906d
```
#b1906d rgb(177,144,109)
```
#ba9d7e
```
#ba9d7e rgb(186,157,126)
```
#c3a98e
```
#c3a98e rgb(195,169,142)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#d5c3b0
```
#d5c3b0 rgb(213,195,176)
```
#decfc0
```
#decfc0 rgb(222,207,192)
```
#e7dcd1
```
#e7dcd1 rgb(231,220,209)
```

Monochromatic Color

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

#ccab9f
```
#ccab9f rgb(204,171,159)
```
#ccaf9f
```
#ccaf9f rgb(204,175,159)
```
#ccb29f
```
#ccb29f rgb(204,178,159)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#ccba9f
```
#ccba9f rgb(204,186,159)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#ccc19f
```
#ccc19f rgb(204,193,159)
```

Similar Colors

Text with hexadecimal color #ccb69f

This text has a font color of #ccb69f.

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

#ccb69f background color

This paragraph has a background color of #ccb69f.

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

#ccb69f border color

This element has a border color of #ccb69f.

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

CSS codes

.text {color:#ccb69f;}

.background {background-color:#ccb69f;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#130f0a
```
#130f0a rgb(19,15,10)
```
#201911
```
#201911 rgb(32,25,17)
```
#2d2318
```
#2d2318 rgb(45,35,24)
```
#3a2c1f
```
#3a2c1f rgb(58,44,31)
```
#473625
```
#473625 rgb(71,54,37)
```
#53402c
```
#53402c rgb(83,64,44)
```
#604a33
```
#604a33 rgb(96,74,51)
```
#6d543a
```
#6d543a rgb(109,84,58)
```
#7a5e41
```
#7a5e41 rgb(122,94,65)
```
#876847
```
#876847 rgb(135,104,71)
```
#93724e
```
#93724e rgb(147,114,78)
```
#a07b55
```
#a07b55 rgb(160,123,85)
```

Shade Color Variation

#aa855f
```
#aa855f rgb(170,133,95)
```
#b18f6c
```
#b18f6c rgb(177,143,108)
```
#b89979
```
#b89979 rgb(184,153,121)
```
#bea385
```
#bea385 rgb(190,163,133)
```
#c5ac92
```
#c5ac92 rgb(197,172,146)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#d3c0ac
```
#d3c0ac rgb(211,192,172)
```
#dac9b9
```
#dac9b9 rgb(218,201,185)
```
#e0d3c5
```
#e0d3c5 rgb(224,211,197)
```
#e7ddd2
```
#e7ddd2 rgb(231,221,210)
```
#eee7df
```
#eee7df rgb(238,231,223)
```
#f5f0ec
```
#f5f0ec rgb(245,240,236)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#bbb6b0
```
#bbb6b0 rgb(187,182,176)
```
#c1b6aa
```
#c1b6aa rgb(193,182,170)
```
#c6b6a5
```
#c6b6a5 rgb(198,182,165)
```
#ccb69f
```
#ccb69f rgb(204,182,159)
```
#d2b699
```
#d2b699 rgb(210,182,153)
```
#d7b694
```
#d7b694 rgb(215,182,148)
```
#ddb68e
```
#ddb68e rgb(221,182,142)
```
#e3b788
```
#e3b788 rgb(227,183,136)
```
#e8b783
```
#e8b783 rgb(232,183,131)
```
#eeb77d
```
#eeb77d rgb(238,183,125)
```
#f4b777
```
#f4b777 rgb(244,183,119)
```
#f9b772
```
#f9b772 rgb(249,183,114)
```
#ffb76c
```
#ffb76c rgb(255,183,108)
```

Tone Color Variation

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

Dichromacy

#c5bca5 Protanopia 1% of men
#d7b6a4 Deuteranopia 1% of men
#d2b5c2 Tritanopia 0.001% of the population

Trichromacy

#c8baa3 Protanomaly 1% of men, 0.01% of women
#d3b6a2 Deuteranomaly 6% of men, 0.4% of women
#d0b5b5 Tritanomaly 0.01% of the population

#ccb69f hex color

#ccb69f Color Information

#ccb69f Color Conversion

Color Schemes with #ccb69f

Alternatives to #ccb69f

#ccb69f Preview

Shades and Tints of #ccb69f

Tones of #ccb69f

Color Blindness Simulator