#ccb48b hex color

In a RGB color space, hex #ccb48b is composed of 80% red, 70.6% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 31.9% yellow and 20% black. It has a hue angle of 37.8 degrees, a saturation of 38.9% and a lightness of 67.3%. #ccb48b color hex could be obtained by blending #ffffff with #996917. Closest websafe color is: #cccc99.

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

● #ccb48b color description : Slightly desaturated orange.

The hexadecimal color #ccb48b has RGB values of R:204, G:180, B:139 and CMYK values of C:0, M:0.12, Y:0.32, K:0.2. Its decimal value is 13415563.

Hex triplet	ccb48b	`#ccb48b`
RGB Decimal	204, 180, 139	`rgb(204,180,139)`
RGB Percent	80, 70.6, 54.5	`rgb(80%,70.6%,54.5%)`
CMYK	0, 12, 32, 20
HSL	37.8°, 38.9, 67.3	`hsl(37.8,38.9%,67.3%)`
HSV (or HSB)	37.8°, 31.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.41, 2.532, 24.1
XYZ	45.883, 47.345, 31.146
xyY	0.369, 0.381, 47.345
CIE-LCH	74.41, 24.233, 84.003
CIE-LUV	74.41, 17.612, 32.174
Hunter-Lab	68.808, -1.385, 21.327
Binary	11001100, 10110100, 10001011

#ccb48b
```
#ccb48b rgb(204,180,139)
```
#8ba3cc
```
#8ba3cc rgb(139,163,204)
```

Complementary Color

#cc948b
```
#cc948b rgb(204,148,139)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#c4cc8b
```
#c4cc8b rgb(196,204,139)
```

Analogous Color

#948bcc
```
#948bcc rgb(148,139,204)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#8bc4cc
```
#8bc4cc rgb(139,196,204)
```

Split Complementary Color

#b48bcc
```
#b48bcc rgb(180,139,204)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#8bccb4
```
#8bccb4 rgb(139,204,180)
```

Triadic Color

#cc8ba3
```
#cc8ba3 rgb(204,139,163)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#8bccb4
```
#8bccb4 rgb(139,204,180)
```
#8ba3cc
```
#8ba3cc rgb(139,163,204)
```

Tetradic Color

#b59256
```
#b59256 rgb(181,146,86)
```
#bc9d68
```
#bc9d68 rgb(188,157,104)
```
#c4a979
```
#c4a979 rgb(196,169,121)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#d4bf9d
```
#d4bf9d rgb(212,191,157)
```
#dccbae
```
#dccbae rgb(220,203,174)
```
#e3d6c0
```
#e3d6c0 rgb(227,214,192)
```

Monochromatic Color

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

#cca48b
```
#cca48b rgb(204,164,139)
```
#cca98b
```
#cca98b rgb(204,169,139)
```
#ccaf8b
```
#ccaf8b rgb(204,175,139)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#ccb98b
```
#ccb98b rgb(204,185,139)
```
#ccbf8b
```
#ccbf8b rgb(204,191,139)
```
#ccc48b
```
#ccc48b rgb(204,196,139)
```

Similar Colors

Text with hexadecimal color #ccb48b

This text has a font color of #ccb48b.

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

#ccb48b background color

This paragraph has a background color of #ccb48b.

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

#ccb48b border color

This element has a border color of #ccb48b.

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

CSS codes

.text {color:#ccb48b;}

.background {background-color:#ccb48b;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#141009
```
#141009 rgb(20,16,9)
```
#221b0f
```
#221b0f rgb(34,27,15)
```
#302615
```
#302615 rgb(48,38,21)
```
#3d301b
```
#3d301b rgb(61,48,27)
```
#4b3b21
```
#4b3b21 rgb(75,59,33)
```
#584627
```
#584627 rgb(88,70,39)
```
#66512d
```
#66512d rgb(102,81,45)
```
#745c33
```
#745c33 rgb(116,92,51)
```
#816739
```
#816739 rgb(129,103,57)
```
#8f713f
```
#8f713f rgb(143,113,63)
```
#9d7c45
```
#9d7c45 rgb(157,124,69)
```
#aa874b
```
#aa874b rgb(170,135,75)
```

Shade Color Variation

#b49154
```
#b49154 rgb(180,145,84)
```
#ba9a62
```
#ba9a62 rgb(186,154,98)
```
#c0a270
```
#c0a270 rgb(192,162,112)
```
#c6ab7d
```
#c6ab7d rgb(198,171,125)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#d2bd99
```
#d2bd99 rgb(210,189,153)
```
#d8c6a6
```
#d8c6a6 rgb(216,198,166)
```
#deceb4
```
#deceb4 rgb(222,206,180)
```
#e4d7c2
```
#e4d7c2 rgb(228,215,194)
```
#eae0cf
```
#eae0cf rgb(234,224,207)
```
#f0e9dd
```
#f0e9dd rgb(240,233,221)
```
#f6f2ea
```
#f6f2ea rgb(246,242,234)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#acacab
```
#acacab rgb(172,172,171)
```
#b2ada5
```
#b2ada5 rgb(178,173,165)
```
#b9af9e
```
#b9af9e rgb(185,175,158)
```
#bfb198
```
#bfb198 rgb(191,177,152)
```
#c6b291
```
#c6b291 rgb(198,178,145)
```
#ccb48b
```
#ccb48b rgb(204,180,139)
```
#d2b685
```
#d2b685 rgb(210,182,133)
```
#d9b77e
```
#d9b77e rgb(217,183,126)
```
#dfb978
```
#dfb978 rgb(223,185,120)
```
#e6bb71
```
#e6bb71 rgb(230,187,113)
```
#ecbc6b
```
#ecbc6b rgb(236,188,107)
```
#f3be64
```
#f3be64 rgb(243,190,100)
```
#f9c05e
```
#f9c05e rgb(249,192,94)
```

Tone Color Variation

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

Dichromacy

#c6ba92 Protanopia 1% of men
#d9b392 Deuteranopia 1% of men
#d4b1be Tritanopia 0.001% of the population

Trichromacy

#c8b88f Protanomaly 1% of men, 0.01% of women
#d4b38f Deuteranomaly 6% of men, 0.4% of women
#d1b2ab Tritanomaly 0.01% of the population

#ccb48b hex color

#ccb48b Color Information

#ccb48b Color Conversion

Color Schemes with #ccb48b

Alternatives to #ccb48b

#ccb48b Preview

Shades and Tints of #ccb48b

Tones of #ccb48b

Color Blindness Simulator