#ccb146 hex color

In a RGB color space, hex #ccb146 is composed of 80% red, 69.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 65.7% yellow and 20% black. It has a hue angle of 47.9 degrees, a saturation of 56.8% and a lightness of 53.7%. #ccb146 color hex could be obtained by blending #ffff8c with #996300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 69
- B 27
RGB color chart
- C 0
- M 13
- Y 66
- K 20
CMYK color chart

● #ccb146 color description : Moderate yellow.

The hexadecimal color #ccb146 has RGB values of R:204, G:177, B:70 and CMYK values of C:0, M:0.13, Y:0.66, K:0.2. Its decimal value is 13414726.

Hex triplet	ccb146	`#ccb146`
RGB Decimal	204, 177, 70	`rgb(204,177,70)`
RGB Percent	80, 69.4, 27.5	`rgb(80%,69.4%,27.5%)`
CMYK	0, 13, 66, 20
HSL	47.9°, 56.8, 53.7	`hsl(47.9,56.8%,53.7%)`
HSV (or HSB)	47.9°, 65.7, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.711, -2.354, 56.454
XYZ	41.73, 44.725, 12.229
xyY	0.423, 0.453, 44.725
CIE-LCH	72.711, 56.503, 92.388
CIE-LUV	72.711, 23.563, 65.1
Hunter-Lab	66.877, -5.655, 35.972
Binary	11001100, 10110001, 01000110

#ccb146
```
#ccb146 rgb(204,177,70)
```
#4661cc
```
#4661cc rgb(70,97,204)
```

Complementary Color

#cc6e46
```
#cc6e46 rgb(204,110,70)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#a4cc46
```
#a4cc46 rgb(164,204,70)
```

Analogous Color

#6e46cc
```
#6e46cc rgb(110,70,204)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#46a4cc
```
#46a4cc rgb(70,164,204)
```

Split Complementary Color

#b146cc
```
#b146cc rgb(177,70,204)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#46ccb1
```
#46ccb1 rgb(70,204,177)
```

Triadic Color

#cc4661
```
#cc4661 rgb(204,70,97)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#46ccb1
```
#46ccb1 rgb(70,204,177)
```
#4661cc
```
#4661cc rgb(70,97,204)
```

Tetradic Color

#9b842b
```
#9b842b rgb(155,132,43)
```
#af9530
```
#af9530 rgb(175,149,48)
```
#c3a636
```
#c3a636 rgb(195,166,54)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#d2b95a
```
#d2b95a rgb(210,185,90)
```
#d7c26e
```
#d7c26e rgb(215,194,110)
```
#ddca82
```
#ddca82 rgb(221,202,130)
```

Monochromatic Color

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

#cc9046
```
#cc9046 rgb(204,144,70)
```
#cc9b46
```
#cc9b46 rgb(204,155,70)
```
#cca646
```
#cca646 rgb(204,166,70)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#ccbc46
```
#ccbc46 rgb(204,188,70)
```
#ccc746
```
#ccc746 rgb(204,199,70)
```
#c6cc46
```
#c6cc46 rgb(198,204,70)
```

Similar Colors

Text with hexadecimal color #ccb146

This text has a font color of #ccb146.

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

#ccb146 background color

This paragraph has a background color of #ccb146.

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

#ccb146 border color

This element has a border color of #ccb146.

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

CSS codes

.text {color:#ccb146;}

.background {background-color:#ccb146;}

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

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, #0f0d04 is the darkest color, while #ffffff is the lightest one.

#0f0d04
```
#0f0d04 rgb(15,13,4)
```
#1e1a08
```
#1e1a08 rgb(30,26,8)
```
#2e270d
```
#2e270d rgb(46,39,13)
```
#3d3411
```
#3d3411 rgb(61,52,17)
```
#4c4115
```
#4c4115 rgb(76,65,21)
```
#5c4e19
```
#5c4e19 rgb(92,78,25)
```
#6b5c1e
```
#6b5c1e rgb(107,92,30)
```
#7b6922
```
#7b6922 rgb(123,105,34)
```
#8a7626
```
#8a7626 rgb(138,118,38)
```
#99832a
```
#99832a rgb(153,131,42)
```
#a9902e
```
#a9902e rgb(169,144,46)
```
#b89d33
```
#b89d33 rgb(184,157,51)
```
#c7aa37
```
#c7aa37 rgb(199,170,55)
```

Shade Color Variation

#ccb146
```
#ccb146 rgb(204,177,70)
```
#d0b755
```
#d0b755 rgb(208,183,85)
```
#d4be65
```
#d4be65 rgb(212,190,101)
```
#d9c474
```
#d9c474 rgb(217,196,116)
```
#ddcb84
```
#ddcb84 rgb(221,203,132)
```
#e1d193
```
#e1d193 rgb(225,209,147)
```
#e5d8a2
```
#e5d8a2 rgb(229,216,162)
```
#eadeb2
```
#eadeb2 rgb(234,222,178)
```
#eee5c1
```
#eee5c1 rgb(238,229,193)
```
#f2ebd0
```
#f2ebd0 rgb(242,235,208)
```
#f6f2e0
```
#f6f2e0 rgb(246,242,224)
```
#fbf8ef
```
#fbf8ef rgb(251,248,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c8b86
```
#8c8b86 rgb(140,139,134)
```
#96907c
```
#96907c rgb(150,144,124)
```
#9f9673
```
#9f9673 rgb(159,150,115)
```
#a89b6a
```
#a89b6a rgb(168,155,106)
```
#b1a161
```
#b1a161 rgb(177,161,97)
```
#baa658
```
#baa658 rgb(186,166,88)
```
#c3ac4f
```
#c3ac4f rgb(195,172,79)
```
#ccb146
```
#ccb146 rgb(204,177,70)
```
#d5b63d
```
#d5b63d rgb(213,182,61)
```
#debc34
```
#debc34 rgb(222,188,52)
```
#e7c12b
```
#e7c12b rgb(231,193,43)
```
#f0c722
```
#f0c722 rgb(240,199,34)
```
#f9cc19
```
#f9cc19 rgb(249,204,25)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b3ae98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab650 Protanopia 1% of men
#e0ae52 Deuteranopia 1% of men
#d8aab6 Tritanopia 0.001% of the population

Trichromacy

#cab44c Protanomaly 1% of men, 0.01% of women
#d8af4d Deuteranomaly 6% of men, 0.4% of women
#d3ac8d Tritanomaly 0.01% of the population

#ccb146 hex color

#ccb146 Color Information

#ccb146 Color Conversion

Color Schemes with #ccb146

Alternatives to #ccb146

#ccb146 Preview

Shades and Tints of #ccb146

Tones of #ccb146

Color Blindness Simulator