#ccc310 hex color

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

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

● #ccc310 color description : Strong yellow.

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

Hex triplet	ccc310	`#ccc310`
RGB Decimal	204, 195, 16	`rgb(204,195,16)`
RGB Percent	80, 76.5, 6.3	`rgb(80%,76.5%,6.3%)`
CMYK	0, 4, 92, 20
HSL	57.1°, 85.5, 43.1	`hsl(57.1,85.5%,43.1%)`
HSV (or HSB)	57.1°, 92.2, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	77.225, -13.55, 76.395
XYZ	44.511, 51.906, 8.164
xyY	0.426, 0.496, 51.906
CIE-LCH	77.225, 77.587, 100.058
CIE-LUV	77.225, 12.265, 83.141
Hunter-Lab	72.046, -15.801, 43.713
Binary	11001100, 11000011, 00010000

#ccc310
```
#ccc310 rgb(204,195,16)
```
#1019cc
```
#1019cc rgb(16,25,204)
```

Complementary Color

#cc6510
```
#cc6510 rgb(204,101,16)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#77cc10
```
#77cc10 rgb(119,204,16)
```

Analogous Color

#6510cc
```
#6510cc rgb(101,16,204)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#1077cc
```
#1077cc rgb(16,119,204)
```

Split Complementary Color

#c310cc
```
#c310cc rgb(195,16,204)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#10ccc3
```
#10ccc3 rgb(16,204,195)
```

Triadic Color

#cc1019
```
#cc1019 rgb(204,16,25)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#10ccc3
```
#10ccc3 rgb(16,204,195)
```
#1019cc
```
#1019cc rgb(16,25,204)
```

Tetradic Color

#857f0a
```
#857f0a rgb(133,127,10)
```
#9d960c
```
#9d960c rgb(157,150,12)
```
#b4ac0e
```
#b4ac0e rgb(180,172,14)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#e4da12
```
#e4da12 rgb(228,218,18)
```
#eee421
```
#eee421 rgb(238,228,33)
```
#efe739
```
#efe739 rgb(239,231,57)
```

Monochromatic Color

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

#cc9410
```
#cc9410 rgb(204,148,16)
```
#cca410
```
#cca410 rgb(204,164,16)
```
#ccb310
```
#ccb310 rgb(204,179,16)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#c5cc10
```
#c5cc10 rgb(197,204,16)
```
#b6cc10
```
#b6cc10 rgb(182,204,16)
```
#a6cc10
```
#a6cc10 rgb(166,204,16)
```

Similar Colors

Text with hexadecimal color #ccc310

This text has a font color of #ccc310.

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

#ccc310 background color

This paragraph has a background color of #ccc310.

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

#ccc310 border color

This element has a border color of #ccc310.

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

CSS codes

.text {color:#ccc310;}

.background {background-color:#ccc310;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#161502
```
#161502 rgb(22,21,2)
```
#282703
```
#282703 rgb(40,39,3)
```
#3a3805
```
#3a3805 rgb(58,56,5)
```
#4d4906
```
#4d4906 rgb(77,73,6)
```
#5f5b07
```
#5f5b07 rgb(95,91,7)
```
#716c09
```
#716c09 rgb(113,108,9)
```
#837d0a
```
#837d0a rgb(131,125,10)
```
#958f0c
```
#958f0c rgb(149,143,12)
```
#a8a00d
```
#a8a00d rgb(168,160,13)
```
#bab20f
```
#bab20f rgb(186,178,15)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#ded411
```
#ded411 rgb(222,212,17)
```

Shade Color Variation

#ede316
```
#ede316 rgb(237,227,22)
```
#eee529
```
#eee529 rgb(238,229,41)
```
#f0e73b
```
#f0e73b rgb(240,231,59)
```
#f1e94d
```
#f1e94d rgb(241,233,77)
```
#f2eb5f
```
#f2eb5f rgb(242,235,95)
```
#f4ee71
```
#f4ee71 rgb(244,238,113)
```
#f5f084
```
#f5f084 rgb(245,240,132)
```
#f7f296
```
#f7f296 rgb(247,242,150)
```
#f8f4a8
```
#f8f4a8 rgb(248,244,168)
```
#faf7ba
```
#faf7ba rgb(250,247,186)
```
#fbf9cc
```
#fbf9cc rgb(251,249,204)
```
#fcfbdf
```
#fcfbdf rgb(252,251,223)
```
#fefdf1
```
#fefdf1 rgb(254,253,241)
```

Tint Color Variation

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

#6f6f6d
```
#6f6f6d rgb(111,111,109)
```
#777665
```
#777665 rgb(119,118,101)
```
#807e5c
```
#807e5c rgb(128,126,92)
```
#888654
```
#888654 rgb(136,134,84)
```
#918d4b
```
#918d4b rgb(145,141,75)
```
#999543
```
#999543 rgb(153,149,67)
```
#a29d3a
```
#a29d3a rgb(162,157,58)
```
#aaa432
```
#aaa432 rgb(170,164,50)
```
#b3ac29
```
#b3ac29 rgb(179,172,41)
```
#bbb421
```
#bbb421 rgb(187,180,33)
```
#c4bb18
```
#c4bb18 rgb(196,187,24)
```
#ccc310
```
#ccc310 rgb(204,195,16)
```
#d4cb08
```
#d4cb08 rgb(212,203,8)
```

Tone Color Variation

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

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

Trichromacy

#d4c217 Protanomaly 1% of men, 0.01% of women
#e4bc20 Deuteranomaly 6% of men, 0.4% of women
#d5bc83 Tritanomaly 0.01% of the population

#ccc310 hex color

#ccc310 Color Information

#ccc310 Color Conversion

Color Schemes with #ccc310

Alternatives to #ccc310

#ccc310 Preview

Shades and Tints of #ccc310

Tones of #ccc310

Color Blindness Simulator