#ccb48f hex color

In a RGB color space, hex #ccb48f is composed of 80% red, 70.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 29.9% yellow and 20% black. It has a hue angle of 36.4 degrees, a saturation of 37.4% and a lightness of 68%. #ccb48f color hex could be obtained by blending #ffffff with #99691f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 71
- B 56
RGB color chart
- C 0
- M 12
- Y 30
- K 20
CMYK color chart

● #ccb48f color description : Slightly desaturated orange.

The hexadecimal color #ccb48f has RGB values of R:204, G:180, B:143 and CMYK values of C:0, M:0.12, Y:0.3, K:0.2. Its decimal value is 13415567.

Hex triplet	ccb48f	`#ccb48f`
RGB Decimal	204, 180, 143	`rgb(204,180,143)`
RGB Percent	80, 70.6, 56.1	`rgb(80%,70.6%,56.1%)`
CMYK	0, 12, 30, 20
HSL	36.4°, 37.4, 68	`hsl(36.4,37.4%,68%)`
HSV (or HSB)	36.4°, 29.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.486, 3.052, 22.056
XYZ	46.181, 47.464, 32.714
xyY	0.365, 0.376, 47.464
CIE-LCH	74.486, 22.266, 82.122
CIE-LUV	74.486, 17.319, 29.569
Hunter-Lab	68.894, -0.914, 20.072
Binary	11001100, 10110100, 10001111

#ccb48f
```
#ccb48f rgb(204,180,143)
```
#8fa7cc
```
#8fa7cc rgb(143,167,204)
```

Complementary Color

#cc968f
```
#cc968f rgb(204,150,143)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#c6cc8f
```
#c6cc8f rgb(198,204,143)
```

Analogous Color

#968fcc
```
#968fcc rgb(150,143,204)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#8fc6cc
```
#8fc6cc rgb(143,198,204)
```

Split Complementary Color

#b48fcc
```
#b48fcc rgb(180,143,204)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#8fccb4
```
#8fccb4 rgb(143,204,180)
```

Triadic Color

#cc8fa7
```
#cc8fa7 rgb(204,143,167)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#8fccb4
```
#8fccb4 rgb(143,204,180)
```
#8fa7cc
```
#8fa7cc rgb(143,167,204)
```

Tetradic Color

#b4915a
```
#b4915a rgb(180,145,90)
```
#bc9d6c
```
#bc9d6c rgb(188,157,108)
```
#c4a87d
```
#c4a87d rgb(196,168,125)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#d4c0a1
```
#d4c0a1 rgb(212,192,161)
```
#dccbb2
```
#dccbb2 rgb(220,203,178)
```
#e4d7c4
```
#e4d7c4 rgb(228,215,196)
```

Monochromatic Color

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

#cca58f
```
#cca58f rgb(204,165,143)
```
#ccaa8f
```
#ccaa8f rgb(204,170,143)
```
#ccaf8f
```
#ccaf8f rgb(204,175,143)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#ccb98f
```
#ccb98f rgb(204,185,143)
```
#ccbe8f
```
#ccbe8f rgb(204,190,143)
```
#ccc38f
```
#ccc38f rgb(204,195,143)
```

Similar Colors

Text with hexadecimal color #ccb48f

This text has a font color of #ccb48f.

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

#ccb48f background color

This paragraph has a background color of #ccb48f.

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

#ccb48f border color

This element has a border color of #ccb48f.

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

CSS codes

.text {color:#ccb48f;}

.background {background-color:#ccb48f;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#17120a
```
#17120a rgb(23,18,10)
```
#241c11
```
#241c11 rgb(36,28,17)
```
#322717
```
#322717 rgb(50,39,23)
```
#3f321d
```
#3f321d rgb(63,50,29)
```
#4d3c23
```
#4d3c23 rgb(77,60,35)
```
#5a4729
```
#5a4729 rgb(90,71,41)
```
#68512f
```
#68512f rgb(104,81,47)
```
#755c35
```
#755c35 rgb(117,92,53)
```
#83673b
```
#83673b rgb(131,103,59)
```
#907142
```
#907142 rgb(144,113,66)
```
#9e7c48
```
#9e7c48 rgb(158,124,72)
```
#ab864e
```
#ab864e rgb(171,134,78)
```

Shade Color Variation

#b39059
```
#b39059 rgb(179,144,89)
```
#ba9967
```
#ba9967 rgb(186,153,103)
```
#c0a274
```
#c0a274 rgb(192,162,116)
```
#c6ab82
```
#c6ab82 rgb(198,171,130)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#d2bd9c
```
#d2bd9c rgb(210,189,156)
```
#d8c6aa
```
#d8c6aa rgb(216,198,170)
```
#decfb7
```
#decfb7 rgb(222,207,183)
```
#e5d8c5
```
#e5d8c5 rgb(229,216,197)
```
#ebe1d2
```
#ebe1d2 rgb(235,225,210)
```
#f1eae0
```
#f1eae0 rgb(241,234,224)
```
#f7f3ed
```
#f7f3ed rgb(247,243,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#b3afa8
```
#b3afa8 rgb(179,175,168)
```
#b9b0a2
```
#b9b0a2 rgb(185,176,162)
```
#bfb19c
```
#bfb19c rgb(191,177,156)
```
#c6b395
```
#c6b395 rgb(198,179,149)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#d2b589
```
#d2b589 rgb(210,181,137)
```
#d9b782
```
#d9b782 rgb(217,183,130)
```
#dfb87c
```
#dfb87c rgb(223,184,124)
```
#e5b976
```
#e5b976 rgb(229,185,118)
```
#ebbb70
```
#ebbb70 rgb(235,187,112)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#f8bd63
```
#f8bd63 rgb(248,189,99)
```
#febf5d
```
#febf5d rgb(254,191,93)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ba95 Protanopia 1% of men
#d9b396 Deuteranopia 1% of men
#d4b2be Tritanopia 0.001% of the population

Trichromacy

#c8b893 Protanomaly 1% of men, 0.01% of women
#d4b393 Deuteranomaly 6% of men, 0.4% of women
#d1b2ad Tritanomaly 0.01% of the population

#ccb48f hex color

#ccb48f Color Information

#ccb48f Color Conversion

Color Schemes with #ccb48f

Alternatives to #ccb48f

#ccb48f Preview

Shades and Tints of #ccb48f

Tones of #ccb48f

Color Blindness Simulator