#ccb46e hex color

In a RGB color space, hex #ccb46e is composed of 80% red, 70.6% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 46.1% yellow and 20% black. It has a hue angle of 44.7 degrees, a saturation of 48% and a lightness of 61.6%. #ccb46e color hex could be obtained by blending #ffffdc with #996900. Closest websafe color is: #cccc66.

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

● #ccb46e color description : Slightly desaturated orange.

The hexadecimal color #ccb46e has RGB values of R:204, G:180, B:110 and CMYK values of C:0, M:0.12, Y:0.46, K:0.2. Its decimal value is 13415534.

Hex triplet	ccb46e	`#ccb46e`
RGB Decimal	204, 180, 110	`rgb(204,180,110)`
RGB Percent	80, 70.6, 43.1	`rgb(80%,70.6%,43.1%)`
CMYK	0, 12, 46, 20
HSL	44.7°, 48, 61.6	`hsl(44.7,48%,61.6%)`
HSV (or HSB)	44.7°, 46.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.938, -0.763, 38.733
XYZ	44.037, 46.607, 21.427
xyY	0.393, 0.416, 46.607
CIE-LCH	73.938, 38.74, 91.128
CIE-LUV	73.938, 19.535, 49.185
Hunter-Lab	68.269, -4.329, 29.179
Binary	11001100, 10110100, 01101110

#ccb46e
```
#ccb46e rgb(204,180,110)
```
#6e86cc
```
#6e86cc rgb(110,134,204)
```

Complementary Color

#cc856e
```
#cc856e rgb(204,133,110)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#b5cc6e
```
#b5cc6e rgb(181,204,110)
```

Analogous Color

#856ecc
```
#856ecc rgb(133,110,204)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#6eb5cc
```
#6eb5cc rgb(110,181,204)
```

Split Complementary Color

#b46ecc
```
#b46ecc rgb(180,110,204)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#6eccb4
```
#6eccb4 rgb(110,204,180)
```

Triadic Color

#cc6e86
```
#cc6e86 rgb(204,110,134)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#6eccb4
```
#6eccb4 rgb(110,204,180)
```
#6e86cc
```
#6e86cc rgb(110,134,204)
```

Tetradic Color

#b0933e
```
#b0933e rgb(176,147,62)
```
#bfa048
```
#bfa048 rgb(191,160,72)
```
#c5aa5b
```
#c5aa5b rgb(197,170,91)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#d3be81
```
#d3be81 rgb(211,190,129)
```
#d9c894
```
#d9c894 rgb(217,200,148)
```
#e0d1a7
```
#e0d1a7 rgb(224,209,167)
```

Monochromatic Color

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

#cc9d6e
```
#cc9d6e rgb(204,157,110)
```
#cca46e
```
#cca46e rgb(204,164,110)
```
#ccac6e
```
#ccac6e rgb(204,172,110)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#ccbc6e
```
#ccbc6e rgb(204,188,110)
```
#ccc46e
```
#ccc46e rgb(204,196,110)
```
#cccc6e
```
#cccc6e rgb(204,204,110)
```

Similar Colors

Text with hexadecimal color #ccb46e

This text has a font color of #ccb46e.

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

#ccb46e background color

This paragraph has a background color of #ccb46e.

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

#ccb46e border color

This element has a border color of #ccb46e.

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

CSS codes

.text {color:#ccb46e;}

.background {background-color:#ccb46e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0c05
```
#0f0c05 rgb(15,12,5)
```
#1d180a
```
#1d180a rgb(29,24,10)
```
#2c240f
```
#2c240f rgb(44,36,15)
```
#3a3114
```
#3a3114 rgb(58,49,20)
```
#493d1a
```
#493d1a rgb(73,61,26)
```
#57491f
```
#57491f rgb(87,73,31)
```
#665524
```
#665524 rgb(102,85,36)
```
#746129
```
#746129 rgb(116,97,41)
```
#836d2e
```
#836d2e rgb(131,109,46)
```
#917933
```
#917933 rgb(145,121,51)
```
#a08538
```
#a08538 rgb(160,133,56)
```
#ae913d
```
#ae913d rgb(174,145,61)
```

Shade Color Variation

#bd9d42
```
#bd9d42 rgb(189,157,66)
```
#c2a551
```
#c2a551 rgb(194,165,81)
```
#c7ac5f
```
#c7ac5f rgb(199,172,95)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#d1bc7d
```
#d1bc7d rgb(209,188,125)
```
#d6c38b
```
#d6c38b rgb(214,195,139)
```
#dbcb9a
```
#dbcb9a rgb(219,203,154)
```
#e0d2a8
```
#e0d2a8 rgb(224,210,168)
```
#e6dab7
```
#e6dab7 rgb(230,218,183)
```
#ebe1c5
```
#ebe1c5 rgb(235,225,197)
```
#f0e9d4
```
#f0e9d4 rgb(240,233,212)
```
#f5f0e2
```
#f5f0e2 rgb(245,240,226)
```
#faf8f1
```
#faf8f1 rgb(250,248,241)
```

Tint Color Variation

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

#9f9e9b
```
#9f9e9b rgb(159,158,155)
```
#a6a294
```
#a6a294 rgb(166,162,148)
```
#aea58c
```
#aea58c rgb(174,165,140)
```
#b5a985
```
#b5a985 rgb(181,169,133)
```
#bdad7d
```
#bdad7d rgb(189,173,125)
```
#c4b076
```
#c4b076 rgb(196,176,118)
```
#ccb46e
```
#ccb46e rgb(204,180,110)
```
#d4b866
```
#d4b866 rgb(212,184,102)
```
#dbbb5f
```
#dbbb5f rgb(219,187,95)
```
#e3bf57
```
#e3bf57 rgb(227,191,87)
```
#eac350
```
#eac350 rgb(234,195,80)
```
#f2c648
```
#f2c648 rgb(242,198,72)
```
#f9ca41
```
#f9ca41 rgb(249,202,65)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b976 Protanopia 1% of men
#deb177 Deuteranopia 1% of men
#d6afbb Tritanopia 0.001% of the population

Trichromacy

#cab773 Protanomaly 1% of men, 0.01% of women
#d7b274 Deuteranomaly 6% of men, 0.4% of women
#d2b19f Tritanomaly 0.01% of the population

#ccb46e hex color

#ccb46e Color Information

#ccb46e Color Conversion

Color Schemes with #ccb46e

Alternatives to #ccb46e

#ccb46e Preview

Shades and Tints of #ccb46e

Tones of #ccb46e

Color Blindness Simulator