colorhexa.com

#ccc155 hex color

In a RGB color space, hex #ccc155 is composed of 80% red, 75.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 58.3% yellow and 20% black. It has a hue angle of 54.5 degrees, a saturation of 53.8% and a lightness of 56.7%. #ccc155 color hex could be obtained by blending #ffffaa with #998300. Closest websafe color is: #cccc66.

- R 80
- G 76
- B 33
RGB color chart
- C 0
- M 5
- Y 58
- K 20
CMYK color chart

● #ccc155 color description : Moderate yellow.

The hexadecimal color #ccc155 has RGB values of R:204, G:193, B:85 and CMYK values of C:0, M:0.05, Y:0.58, K:0.2. Its decimal value is 13418837.

Hex triplet	ccc155	`#ccc155`
RGB Decimal	204, 193, 85	`rgb(204,193,85)`
RGB Percent	80, 75.7, 33.3	`rgb(80%,75.7%,33.3%)`
CMYK	0, 5, 58, 20
HSL	54.5°, 53.8, 56.7	`hsl(54.5,53.8%,56.7%)`
HSV (or HSB)	54.5°, 58.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.062, -9.672, 54.566
XYZ	45.611, 51.634, 16.158
xyY	0.402, 0.455, 51.634
CIE-LCH	77.062, 55.416, 100.052
CIE-LUV	77.062, 12.229, 66.793
Hunter-Lab	71.857, -12.446, 36.968
Binary	11001100, 11000001, 01010101

#ccc155
```
#ccc155 rgb(204,193,85)
```
#5560cc
```
#5560cc rgb(85,96,204)
```

Complementary Color

#cc8655
```
#cc8655 rgb(204,134,85)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#9ccc55
```
#9ccc55 rgb(156,204,85)
```

Analogous Color

#8655cc
```
#8655cc rgb(134,85,204)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#559ccc
```
#559ccc rgb(85,156,204)
```

Split Complementary Color

#c155cc
```
#c155cc rgb(193,85,204)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#55ccc1
```
#55ccc1 rgb(85,204,193)
```

Triadic Color

#cc5560
```
#cc5560 rgb(204,85,96)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#55ccc1
```
#55ccc1 rgb(85,204,193)
```
#5560cc
```
#5560cc rgb(85,96,204)
```

Tetradic Color

#a39931
```
#a39931 rgb(163,153,49)
```
#b7ab37
```
#b7ab37 rgb(183,171,55)
```
#c6ba41
```
#c6ba41 rgb(198,186,65)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#d2c869
```
#d2c869 rgb(210,200,105)
```
#d8cf7c
```
#d8cf7c rgb(216,207,124)
```
#ded690
```
#ded690 rgb(222,214,144)
```

Monochromatic Color

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

#cca355
```
#cca355 rgb(204,163,85)
```
#ccad55
```
#ccad55 rgb(204,173,85)
```
#ccb755
```
#ccb755 rgb(204,183,85)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#cccb55
```
#cccb55 rgb(204,203,85)
```
#c3cc55
```
#c3cc55 rgb(195,204,85)
```
#b9cc55
```
#b9cc55 rgb(185,204,85)
```

Similar Colors

Text with hexadecimal color #ccc155

This text has a font color of #ccc155.

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

#ccc155 background color

This paragraph has a background color of #ccc155.

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

#ccc155 border color

This element has a border color of #ccc155.

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

CSS codes

.text {color:#ccc155;}

.background {background-color:#ccc155;}

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

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

#0b0a03
```
#0b0a03 rgb(11,10,3)
```
#1a1808
```
#1a1808 rgb(26,24,8)
```
#29270c
```
#29270c rgb(41,39,12)
```
#383511
```
#383511 rgb(56,53,17)
```
#474315
```
#474315 rgb(71,67,21)
```
#57511a
```
#57511a rgb(87,81,26)
```
#665f1e
```
#665f1e rgb(102,95,30)
```
#756d23
```
#756d23 rgb(117,109,35)
```
#847b28
```
#847b28 rgb(132,123,40)
```
#93892c
```
#93892c rgb(147,137,44)
```
#a29731
```
#a29731 rgb(162,151,49)
```
#b1a635
```
#b1a635 rgb(177,166,53)
```
#c0b43a
```
#c0b43a rgb(192,180,58)
```

Shade Color Variation

#c7bb46
```
#c7bb46 rgb(199,187,70)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#d1c764
```
#d1c764 rgb(209,199,100)
```
#d5cc73
```
#d5cc73 rgb(213,204,115)
```
#dad282
```
#dad282 rgb(218,210,130)
```
#ded791
```
#ded791 rgb(222,215,145)
```
#e3dda0
```
#e3dda0 rgb(227,221,160)
```
#e7e2b0
```
#e7e2b0 rgb(231,226,176)
```
#ece8bf
```
#ece8bf rgb(236,232,191)
```
#f0edce
```
#f0edce rgb(240,237,206)
```
#f5f3dd
```
#f5f3dd rgb(245,243,221)
```
#f9f8ec
```
#f9f8ec rgb(249,248,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#999788
```
#999788 rgb(153,151,136)
```
#a29e80
```
#a29e80 rgb(162,158,128)
```
#aaa577
```
#aaa577 rgb(170,165,119)
```
#b3ac6f
```
#b3ac6f rgb(179,172,111)
```
#bbb366
```
#bbb366 rgb(187,179,102)
```
#c4ba5e
```
#c4ba5e rgb(196,186,94)
```
#ccc155
```
#ccc155 rgb(204,193,85)
```
#d5c84d
```
#d5c84d rgb(213,200,77)
```
#ddcf44
```
#ddcf44 rgb(221,207,68)
```
#e6d63c
```
#e6d63c rgb(230,214,60)
```
#eedd33
```
#eedd33 rgb(238,221,51)
```
#f7e42b
```
#f7e42b rgb(247,228,43)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcbaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c15d Protanopia 1% of men
#ecb861 Deuteranopia 1% of men
#d9b9c6 Tritanopia 0.001% of the population

Trichromacy

#d2c15a Protanomaly 1% of men, 0.01% of women
#e0bb5d Deuteranomaly 6% of men, 0.4% of women
#d4bb9d Tritanomaly 0.01% of the population