#ccc311 hex color

In a RGB color space, hex #ccc311 is composed of 80% red, 76.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 91.7% yellow and 20% black. It has a hue angle of 57.1 degrees, a saturation of 84.6% and a lightness of 43.3%. #ccc311 color hex could be obtained by blending #ffff22 with #998700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 76
- B 7
RGB color chart
- C 0
- M 4
- Y 92
- K 20
CMYK color chart

● #ccc311 color description : Strong yellow.

The hexadecimal color #ccc311 has RGB values of R:204, G:195, B:17 and CMYK values of C:0, M:0.04, Y:0.92, K:0.2. Its decimal value is 13419281.

Hex triplet	ccc311	`#ccc311`
RGB Decimal	204, 195, 17	`rgb(204,195,17)`
RGB Percent	80, 76.5, 6.7	`rgb(80%,76.5%,6.7%)`
CMYK	0, 4, 92, 20
HSL	57.1°, 84.6, 43.3	`hsl(57.1,84.6%,43.3%)`
HSV (or HSB)	57.1°, 91.7, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	77.226, -13.536, 76.26
XYZ	44.518, 51.909, 8.205
xyY	0.425, 0.496, 51.909
CIE-LCH	77.226, 77.451, 100.065
CIE-LUV	77.226, 12.258, 83.062
Hunter-Lab	72.048, -15.789, 43.682
Binary	11001100, 11000011, 00010001

#ccc311
```
#ccc311 rgb(204,195,17)
```
#111acc
```
#111acc rgb(17,26,204)
```

Complementary Color

#cc6611
```
#cc6611 rgb(204,102,17)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#78cc11
```
#78cc11 rgb(120,204,17)
```

Analogous Color

#6611cc
```
#6611cc rgb(102,17,204)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#1178cc
```
#1178cc rgb(17,120,204)
```

Split Complementary Color

#c311cc
```
#c311cc rgb(195,17,204)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#11ccc3
```
#11ccc3 rgb(17,204,195)
```

Triadic Color

#cc111a
```
#cc111a rgb(204,17,26)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#11ccc3
```
#11ccc3 rgb(17,204,195)
```
#111acc
```
#111acc rgb(17,26,204)
```

Tetradic Color

#85800b
```
#85800b rgb(133,128,11)
```
#9d960d
```
#9d960d rgb(157,150,13)
```
#b4ad0f
```
#b4ad0f rgb(180,173,15)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#e4da13
```
#e4da13 rgb(228,218,19)
```
#ede323
```
#ede323 rgb(237,227,35)
```
#efe63b
```
#efe63b rgb(239,230,59)
```

Monochromatic Color

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

#cc9411
```
#cc9411 rgb(204,148,17)
```
#cca411
```
#cca411 rgb(204,164,17)
```
#ccb311
```
#ccb311 rgb(204,179,17)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#c5cc11
```
#c5cc11 rgb(197,204,17)
```
#b6cc11
```
#b6cc11 rgb(182,204,17)
```
#a6cc11
```
#a6cc11 rgb(166,204,17)
```

Similar Colors

Text with hexadecimal color #ccc311

This text has a font color of #ccc311.

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

#ccc311 background color

This paragraph has a background color of #ccc311.

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

#ccc311 border color

This element has a border color of #ccc311.

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

CSS codes

.text {color:#ccc311;}

.background {background-color:#ccc311;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#171602
```
#171602 rgb(23,22,2)
```
#292703
```
#292703 rgb(41,39,3)
```
#3b3905
```
#3b3905 rgb(59,57,5)
```
#4d4a06
```
#4d4a06 rgb(77,74,6)
```
#5f5b08
```
#5f5b08 rgb(95,91,8)
```
#716c09
```
#716c09 rgb(113,108,9)
```
#847e0b
```
#847e0b rgb(132,126,11)
```
#968f0c
```
#968f0c rgb(150,143,12)
```
#a8a00e
```
#a8a00e rgb(168,160,14)
```
#bab20f
```
#bab20f rgb(186,178,15)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#ded413
```
#ded413 rgb(222,212,19)
```

Shade Color Variation

#ece218
```
#ece218 rgb(236,226,24)
```
#ede42b
```
#ede42b rgb(237,228,43)
```
#efe63d
```
#efe63d rgb(239,230,61)
```
#f0e94f
```
#f0e94f rgb(240,233,79)
```
#f2eb61
```
#f2eb61 rgb(242,235,97)
```
#f3ed73
```
#f3ed73 rgb(243,237,115)
```
#f5ef85
```
#f5ef85 rgb(245,239,133)
```
#f6f297
```
#f6f297 rgb(246,242,151)
```
#f8f4a9
```
#f8f4a9 rgb(248,244,169)
```
#f9f6bb
```
#f9f6bb rgb(249,246,187)
```
#fbf9ce
```
#fbf9ce rgb(251,249,206)
```
#fcfbe0
```
#fcfbe0 rgb(252,251,224)
```
#fefdf2
```
#fefdf2 rgb(254,253,242)
```

Tint Color Variation

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

#777666
```
#777666 rgb(119,118,102)
```
#807e5e
```
#807e5e rgb(128,126,94)
```
#888655
```
#888655 rgb(136,134,85)
```
#918d4d
```
#918d4d rgb(145,141,77)
```
#999544
```
#999544 rgb(153,149,68)
```
#a29d3c
```
#a29d3c rgb(162,157,60)
```
#aaa433
```
#aaa433 rgb(170,164,51)
```
#b3ac2b
```
#b3ac2b rgb(179,172,43)
```
#bbb422
```
#bbb422 rgb(187,180,34)
```
#c4bb1a
```
#c4bb1a rgb(196,187,26)
```
#ccc311
```
#ccc311 rgb(204,195,17)
```
#d5cb09
```
#d5cb09 rgb(213,203,9)
```
#ddd200
```
#ddd200 rgb(221,210,0)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c21c Protanopia 1% of men
#f2b82a Deuteranopia 1% of men
#dbb9c6 Tritanopia 0.001% of the population

Trichromacy

#d4c218 Protanomaly 1% of men, 0.01% of women
#e4bc21 Deuteranomaly 6% of men, 0.4% of women
#d5bc84 Tritanomaly 0.01% of the population

#ccc311 hex color

#ccc311 Color Information

#ccc311 Color Conversion

Color Schemes with #ccc311

Alternatives to #ccc311

#ccc311 Preview

Shades and Tints of #ccc311

Tones of #ccc311

Color Blindness Simulator