#ccc146 hex color

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

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

● #ccc146 color description : Moderate yellow.

The hexadecimal color #ccc146 has RGB values of R:204, G:193, B:70 and CMYK values of C:0, M:0.05, Y:0.66, K:0.2. Its decimal value is 13418822.

Hex triplet	ccc146	`#ccc146`
RGB Decimal	204, 193, 70	`rgb(204,193,70)`
RGB Percent	80, 75.7, 27.5	`rgb(80%,75.7%,27.5%)`
CMYK	0, 5, 66, 20
HSL	55.1°, 56.8, 53.7	`hsl(55.1,56.8%,53.7%)`
HSV (or HSB)	55.1°, 65.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.933, -10.652, 60.884
XYZ	45.077, 51.421, 13.345
xyY	0.41, 0.468, 51.421
CIE-LCH	76.933, 61.809, 99.924
CIE-LUV	76.933, 12.701, 72.045
Hunter-Lab	71.708, -13.28, 39.162
Binary	11001100, 11000001, 01000110

#ccc146
```
#ccc146 rgb(204,193,70)
```
#4651cc
```
#4651cc rgb(70,81,204)
```

Complementary Color

#cc7e46
```
#cc7e46 rgb(204,126,70)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#94cc46
```
#94cc46 rgb(148,204,70)
```

Analogous Color

#7e46cc
```
#7e46cc rgb(126,70,204)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#4694cc
```
#4694cc rgb(70,148,204)
```

Split Complementary Color

#c146cc
```
#c146cc rgb(193,70,204)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#46ccc1
```
#46ccc1 rgb(70,204,193)
```

Triadic Color

#cc4651
```
#cc4651 rgb(204,70,81)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#46ccc1
```
#46ccc1 rgb(70,204,193)
```
#4651cc
```
#4651cc rgb(70,81,204)
```

Tetradic Color

#9b922b
```
#9b922b rgb(155,146,43)
```
#afa430
```
#afa430 rgb(175,164,48)
```
#c3b736
```
#c3b736 rgb(195,183,54)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#d2c85a
```
#d2c85a rgb(210,200,90)
```
#d7ce6e
```
#d7ce6e rgb(215,206,110)
```
#ddd582
```
#ddd582 rgb(221,213,130)
```

Monochromatic Color

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

#cca046
```
#cca046 rgb(204,160,70)
```
#ccab46
```
#ccab46 rgb(204,171,70)
```
#ccb646
```
#ccb646 rgb(204,182,70)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#cccc46
```
#cccc46 rgb(204,204,70)
```
#c1cc46
```
#c1cc46 rgb(193,204,70)
```
#b6cc46
```
#b6cc46 rgb(182,204,70)
```

Similar Colors

Text with hexadecimal color #ccc146

This text has a font color of #ccc146.

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

#ccc146 background color

This paragraph has a background color of #ccc146.

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

#ccc146 border color

This element has a border color of #ccc146.

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

CSS codes

.text {color:#ccc146;}

.background {background-color:#ccc146;}

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

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

#0f0e04
```
#0f0e04 rgb(15,14,4)
```
#1e1c08
```
#1e1c08 rgb(30,28,8)
```
#2e2b0d
```
#2e2b0d rgb(46,43,13)
```
#3d3911
```
#3d3911 rgb(61,57,17)
```
#4c4815
```
#4c4815 rgb(76,72,21)
```
#5c5619
```
#5c5619 rgb(92,86,25)
```
#6b651e
```
#6b651e rgb(107,101,30)
```
#7b7322
```
#7b7322 rgb(123,115,34)
```
#8a8226
```
#8a8226 rgb(138,130,38)
```
#99902a
```
#99902a rgb(153,144,42)
```
#a99f2e
```
#a99f2e rgb(169,159,46)
```
#b8ad33
```
#b8ad33 rgb(184,173,51)
```
#c7bc37
```
#c7bc37 rgb(199,188,55)
```

Shade Color Variation

#ccc146
```
#ccc146 rgb(204,193,70)
```
#d0c655
```
#d0c655 rgb(208,198,85)
```
#d4cb65
```
#d4cb65 rgb(212,203,101)
```
#d9d074
```
#d9d074 rgb(217,208,116)
```
#ddd684
```
#ddd684 rgb(221,214,132)
```
#e1db93
```
#e1db93 rgb(225,219,147)
```
#e5e0a2
```
#e5e0a2 rgb(229,224,162)
```
#eae5b2
```
#eae5b2 rgb(234,229,178)
```
#eeeac1
```
#eeeac1 rgb(238,234,193)
```
#f2efd0
```
#f2efd0 rgb(242,239,208)
```
#f6f5e0
```
#f6f5e0 rgb(246,245,224)
```
#fbfaef
```
#fbfaef rgb(251,250,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c8c86
```
#8c8c86 rgb(140,140,134)
```
#96937c
```
#96937c rgb(150,147,124)
```
#9f9b73
```
#9f9b73 rgb(159,155,115)
```
#a8a36a
```
#a8a36a rgb(168,163,106)
```
#b1aa61
```
#b1aa61 rgb(177,170,97)
```
#bab258
```
#bab258 rgb(186,178,88)
```
#c3b94f
```
#c3b94f rgb(195,185,79)
```
#ccc146
```
#ccc146 rgb(204,193,70)
```
#d5c93d
```
#d5c93d rgb(213,201,61)
```
#ded034
```
#ded034 rgb(222,208,52)
```
#e7d82b
```
#e7d82b rgb(231,216,43)
```
#f0df22
```
#f0df22 rgb(240,223,34)
```
#f9e719
```
#f9e719 rgb(249,231,25)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bab8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c14e Protanopia 1% of men
#eeb854 Deuteranopia 1% of men
#dab8c5 Tritanopia 0.001% of the population

Trichromacy

#d2c14b Protanomaly 1% of men, 0.01% of women
#e1bb4f Deuteranomaly 6% of men, 0.4% of women
#d5bb97 Tritanomaly 0.01% of the population

#ccc146 hex color

#ccc146 Color Information

#ccc146 Color Conversion

Color Schemes with #ccc146

Alternatives to #ccc146

#ccc146 Preview

Shades and Tints of #ccc146

Tones of #ccc146

Color Blindness Simulator