#ccc145 hex color

In a RGB color space, hex #ccc145 is composed of 80% red, 75.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 66.2% yellow and 20% black. It has a hue angle of 55.1 degrees, a saturation of 57% and a lightness of 53.5%. #ccc145 color hex could be obtained by blending #ffff8a 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

● #ccc145 color description : Moderate yellow.

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

Hex triplet	ccc145	`#ccc145`
RGB Decimal	204, 193, 69	`rgb(204,193,69)`
RGB Percent	80, 75.7, 27.1	`rgb(80%,75.7%,27.1%)`
CMYK	0, 5, 66, 20
HSL	55.1°, 57, 53.5	`hsl(55.1,57%,53.5%)`
HSV (or HSB)	55.1°, 66.2, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.926, -10.71, 61.282
XYZ	45.046, 51.408, 13.18
xyY	0.411, 0.469, 51.408
CIE-LCH	76.926, 62.211, 99.913
CIE-LUV	76.926, 12.729, 72.357
Hunter-Lab	71.699, -13.329, 39.291
Binary	11001100, 11000001, 01000101

#ccc145
```
#ccc145 rgb(204,193,69)
```
#4550cc
```
#4550cc rgb(69,80,204)
```

Complementary Color

#cc7e45
```
#cc7e45 rgb(204,126,69)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#94cc45
```
#94cc45 rgb(148,204,69)
```

Analogous Color

#7e45cc
```
#7e45cc rgb(126,69,204)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#4594cc
```
#4594cc rgb(69,148,204)
```

Split Complementary Color

#c145cc
```
#c145cc rgb(193,69,204)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#45ccc1
```
#45ccc1 rgb(69,204,193)
```

Triadic Color

#cc4550
```
#cc4550 rgb(204,69,80)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#45ccc1
```
#45ccc1 rgb(69,204,193)
```
#4550cc
```
#4550cc rgb(69,80,204)
```

Tetradic Color

#9a912a
```
#9a912a rgb(154,145,42)
```
#aea430
```
#aea430 rgb(174,164,48)
```
#c2b735
```
#c2b735 rgb(194,183,53)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#d1c859
```
#d1c859 rgb(209,200,89)
```
#d7ce6d
```
#d7ce6d rgb(215,206,109)
```
#dcd581
```
#dcd581 rgb(220,213,129)
```

Monochromatic Color

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

#cc9f45
```
#cc9f45 rgb(204,159,69)
```
#ccab45
```
#ccab45 rgb(204,171,69)
```
#ccb645
```
#ccb645 rgb(204,182,69)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#cccc45
```
#cccc45 rgb(204,204,69)
```
#c1cc45
```
#c1cc45 rgb(193,204,69)
```
#b5cc45
```
#b5cc45 rgb(181,204,69)
```

Similar Colors

Text with hexadecimal color #ccc145

This text has a font color of #ccc145.

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

#ccc145 background color

This paragraph has a background color of #ccc145.

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

#ccc145 border color

This element has a border color of #ccc145.

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

CSS codes

.text {color:#ccc145;}

.background {background-color:#ccc145;}

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

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

#0e0d04
```
#0e0d04 rgb(14,13,4)
```
#1e1c08
```
#1e1c08 rgb(30,28,8)
```
#2d2a0c
```
#2d2a0c rgb(45,42,12)
```
#3c3911
```
#3c3911 rgb(60,57,17)
```
#4c4715
```
#4c4715 rgb(76,71,21)
```
#5b5619
```
#5b5619 rgb(91,86,25)
```
#6a641d
```
#6a641d rgb(106,100,29)
```
#7a7321
```
#7a7321 rgb(122,115,33)
```
#898126
```
#898126 rgb(137,129,38)
```
#99902a
```
#99902a rgb(153,144,42)
```
#a89e2e
```
#a89e2e rgb(168,158,46)
```
#b7ad32
```
#b7ad32 rgb(183,173,50)
```
#c7bb37
```
#c7bb37 rgb(199,187,55)
```

Shade Color Variation

#ccc145
```
#ccc145 rgb(204,193,69)
```
#d0c654
```
#d0c654 rgb(208,198,84)
```
#d4cb64
```
#d4cb64 rgb(212,203,100)
```
#d9d073
```
#d9d073 rgb(217,208,115)
```
#ddd683
```
#ddd683 rgb(221,214,131)
```
#e1db92
```
#e1db92 rgb(225,219,146)
```
#e5e0a1
```
#e5e0a1 rgb(229,224,161)
```
#eae5b1
```
#eae5b1 rgb(234,229,177)
```
#eeeac0
```
#eeeac0 rgb(238,234,192)
```
#f2efd0
```
#f2efd0 rgb(242,239,208)
```
#f6f4df
```
#f6f4df rgb(246,244,223)
```
#faf9ee
```
#faf9ee rgb(250,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8c8c85
```
#8c8c85 rgb(140,140,133)
```
#95937c
```
#95937c rgb(149,147,124)
```
#9e9b73
```
#9e9b73 rgb(158,155,115)
```
#a8a269
```
#a8a269 rgb(168,162,105)
```
#b1aa60
```
#b1aa60 rgb(177,170,96)
```
#bab257
```
#bab257 rgb(186,178,87)
```
#c3b94e
```
#c3b94e rgb(195,185,78)
```
#ccc145
```
#ccc145 rgb(204,193,69)
```
#d5c93c
```
#d5c93c rgb(213,201,60)
```
#ded033
```
#ded033 rgb(222,208,51)
```
#e7d82a
```
#e7d82a rgb(231,216,42)
```
#f0e021
```
#f0e021 rgb(240,224,33)
```
#fae717
```
#fae717 rgb(250,231,23)
```

Tone Color Variation

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

Dichromacy

#d6c14d Protanopia 1% of men
#eeb853 Deuteranopia 1% of men
#dab8c5 Tritanopia 0.001% of the population

Trichromacy

#d2c14a Protanomaly 1% of men, 0.01% of women
#e1bb4e Deuteranomaly 6% of men, 0.4% of women
#d5bb96 Tritanomaly 0.01% of the population

#ccc145 hex color

#ccc145 Color Information

#ccc145 Color Conversion

Color Schemes with #ccc145

Alternatives to #ccc145

#ccc145 Preview

Shades and Tints of #ccc145

Tones of #ccc145

Color Blindness Simulator