#ccb28a hex color

In a RGB color space, hex #ccb28a is composed of 80% red, 69.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 32.4% yellow and 20% black. It has a hue angle of 36.4 degrees, a saturation of 39.3% and a lightness of 67.1%. #ccb28a color hex could be obtained by blending #ffffff with #996515. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 70
- B 54
RGB color chart
- C 0
- M 13
- Y 32
- K 20
CMYK color chart

● #ccb28a color description : Slightly desaturated orange.

The hexadecimal color #ccb28a has RGB values of R:204, G:178, B:138 and CMYK values of C:0, M:0.13, Y:0.32, K:0.2. Its decimal value is 13415050.

Hex triplet	ccb28a	`#ccb28a`
RGB Decimal	204, 178, 138	`rgb(204,178,138)`
RGB Percent	80, 69.8, 54.1	`rgb(80%,69.8%,54.1%)`
CMYK	0, 13, 32, 20
HSL	36.4°, 39.3, 67.1	`hsl(36.4,39.3%,67.1%)`
HSV (or HSB)	36.4°, 32.4, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.878, 3.471, 23.916
XYZ	45.409, 46.514, 30.63
xyY	0.371, 0.38, 46.514
CIE-LCH	73.878, 24.167, 81.743
CIE-LUV	73.878, 18.907, 31.701
Hunter-Lab	68.201, -0.505, 21.114
Binary	11001100, 10110010, 10001010

#ccb28a
```
#ccb28a rgb(204,178,138)
```
#8aa4cc
```
#8aa4cc rgb(138,164,204)
```

Complementary Color

#cc918a
```
#cc918a rgb(204,145,138)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#c5cc8a
```
#c5cc8a rgb(197,204,138)
```

Analogous Color

#918acc
```
#918acc rgb(145,138,204)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#8ac5cc
```
#8ac5cc rgb(138,197,204)
```

Split Complementary Color

#b28acc
```
#b28acc rgb(178,138,204)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#8accb2
```
#8accb2 rgb(138,204,178)
```

Triadic Color

#cc8aa4
```
#cc8aa4 rgb(204,138,164)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#8accb2
```
#8accb2 rgb(138,204,178)
```
#8aa4cc
```
#8aa4cc rgb(138,164,204)
```

Tetradic Color

#b58f55
```
#b58f55 rgb(181,143,85)
```
#bd9b66
```
#bd9b66 rgb(189,155,102)
```
#c4a678
```
#c4a678 rgb(196,166,120)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#d4be9c
```
#d4be9c rgb(212,190,156)
```
#dbc9ae
```
#dbc9ae rgb(219,201,174)
```
#e3d5bf
```
#e3d5bf rgb(227,213,191)
```

Monochromatic Color

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

#cca28a
```
#cca28a rgb(204,162,138)
```
#cca78a
```
#cca78a rgb(204,167,138)
```
#ccad8a
```
#ccad8a rgb(204,173,138)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#ccbd8a
```
#ccbd8a rgb(204,189,138)
```
#ccc38a
```
#ccc38a rgb(204,195,138)
```

Similar Colors

Text with hexadecimal color #ccb28a

This text has a font color of #ccb28a.

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

#ccb28a background color

This paragraph has a background color of #ccb28a.

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

#ccb28a border color

This element has a border color of #ccb28a.

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

CSS codes

.text {color:#ccb28a;}

.background {background-color:#ccb28a;}

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

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 #fcfaf7 is the lightest one.

#060503
```
#060503 rgb(6,5,3)
```
#140f09
```
#140f09 rgb(20,15,9)
```
#211a0f
```
#211a0f rgb(33,26,15)
```
#2f2514
```
#2f2514 rgb(47,37,20)
```
#3d2f1a
```
#3d2f1a rgb(61,47,26)
```
#4a3a20
```
#4a3a20 rgb(74,58,32)
```
#584426
```
#584426 rgb(88,68,38)
```
#664f2c
```
#664f2c rgb(102,79,44)
```
#735a32
```
#735a32 rgb(115,90,50)
```
#816438
```
#816438 rgb(129,100,56)
```
#8f6f3e
```
#8f6f3e rgb(143,111,62)
```
#9c7a44
```
#9c7a44 rgb(156,122,68)
```
#aa844a
```
#aa844a rgb(170,132,74)
```

Shade Color Variation

#b48e53
```
#b48e53 rgb(180,142,83)
```
#ba9761
```
#ba9761 rgb(186,151,97)
```
#c0a06f
```
#c0a06f rgb(192,160,111)
```
#c6a97c
```
#c6a97c rgb(198,169,124)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#d2bb98
```
#d2bb98 rgb(210,187,152)
```
#d8c4a5
```
#d8c4a5 rgb(216,196,165)
```
#decdb3
```
#decdb3 rgb(222,205,179)
```
#e4d6c1
```
#e4d6c1 rgb(228,214,193)
```
#eadfce
```
#eadfce rgb(234,223,206)
```
#f0e8dc
```
#f0e8dc rgb(240,232,220)
```
#f6f1ea
```
#f6f1ea rgb(246,241,234)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#acabaa
```
#acabaa rgb(172,171,170)
```
#b2ada4
```
#b2ada4 rgb(178,173,164)
```
#b9ae9d
```
#b9ae9d rgb(185,174,157)
```
#bfaf97
```
#bfaf97 rgb(191,175,151)
```
#c6b190
```
#c6b190 rgb(198,177,144)
```
#ccb28a
```
#ccb28a rgb(204,178,138)
```
#d2b384
```
#d2b384 rgb(210,179,132)
```
#d9b57d
```
#d9b57d rgb(217,181,125)
```
#dfb677
```
#dfb677 rgb(223,182,119)
```
#e6b770
```
#e6b770 rgb(230,183,112)
```
#ecb96a
```
#ecb96a rgb(236,185,106)
```
#f3ba63
```
#f3ba63 rgb(243,186,99)
```
#f9bc5d
```
#f9bc5d rgb(249,188,93)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b991 Protanopia 1% of men
#d8b291 Deuteranopia 1% of men
#d4afbc Tritanopia 0.001% of the population

Trichromacy

#c7b68e Protanomaly 1% of men, 0.01% of women
#d3b28e Deuteranomaly 6% of men, 0.4% of women
#d1b0a9 Tritanomaly 0.01% of the population

#ccb28a hex color

#ccb28a Color Information

#ccb28a Color Conversion

Color Schemes with #ccb28a

Alternatives to #ccb28a

#ccb28a Preview

Shades and Tints of #ccb28a

Tones of #ccb28a

Color Blindness Simulator