colorhexa.com

#ccc71a hex color

In a RGB color space, hex #ccc71a is composed of 80% red, 78% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.5% magenta, 87.3% yellow and 20% black. It has a hue angle of 58.3 degrees, a saturation of 77.4% and a lightness of 45.1%. #ccc71a color hex could be obtained by blending #ffff34 with #998f00. Closest websafe color is: #cccc33.

- R 80
- G 78
- B 10
RGB color chart
- C 0
- M 2
- Y 87
- K 20
CMYK color chart

● #ccc71a color description : Strong yellow.

The hexadecimal color #ccc71a has RGB values of R:204, G:199, B:26 and CMYK values of C:0, M:0.02, Y:0.87, K:0.2. Its decimal value is 13420314.

Hex triplet	ccc71a	`#ccc71a`
RGB Decimal	204, 199, 26	`rgb(204,199,26)`
RGB Percent	80, 78, 10.2	`rgb(80%,78%,10.2%)`
CMYK	0, 2, 87, 20
HSL	58.3°, 77.4, 45.1	`hsl(58.3,77.4%,45.1%)`
HSV (or HSB)	58.3°, 87.3, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.321, -15.388, 75.642
XYZ	45.512, 53.76, 8.957
xyY	0.421, 0.497, 53.76
CIE-LCH	78.321, 77.192, 101.499
CIE-LUV	78.321, 9.49, 83.739
Hunter-Lab	73.321, -17.513, 44.082
Binary	11001100, 11000111, 00011010

#ccc71a
```
#ccc71a rgb(204,199,26)
```
#1a1fcc
```
#1a1fcc rgb(26,31,204)
```

Complementary Color

#cc6e1a
```
#cc6e1a rgb(204,110,26)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#78cc1a
```
#78cc1a rgb(120,204,26)
```

Analogous Color

#6e1acc
```
#6e1acc rgb(110,26,204)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#1a78cc
```
#1a78cc rgb(26,120,204)
```

Split Complementary Color

#c71acc
```
#c71acc rgb(199,26,204)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#1accc7
```
#1accc7 rgb(26,204,199)
```

Triadic Color

#cc1a1f
```
#cc1a1f rgb(204,26,31)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#1accc7
```
#1accc7 rgb(26,204,199)
```
#1a1fcc
```
#1a1fcc rgb(26,31,204)
```

Tetradic Color

#888511
```
#888511 rgb(136,133,17)
```
#9f9b14
```
#9f9b14 rgb(159,155,20)
```
#b5b117
```
#b5b117 rgb(181,177,23)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#e2dd1d
```
#e2dd1d rgb(226,221,29)
```
#e5e034
```
#e5e034 rgb(229,224,52)
```
#e8e44b
```
#e8e44b rgb(232,228,75)
```

Monochromatic Color

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

#cc9b1a
```
#cc9b1a rgb(204,155,26)
```
#cca91a
```
#cca91a rgb(204,169,26)
```
#ccb81a
```
#ccb81a rgb(204,184,26)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#c2cc1a
```
#c2cc1a rgb(194,204,26)
```
#b3cc1a
```
#b3cc1a rgb(179,204,26)
```
#a5cc1a
```
#a5cc1a rgb(165,204,26)
```

Similar Colors

Text with hexadecimal color #ccc71a

This text has a font color of #ccc71a.

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

#ccc71a background color

This paragraph has a background color of #ccc71a.

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

#ccc71a border color

This element has a border color of #ccc71a.

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

CSS codes

.text {color:#ccc71a;}

.background {background-color:#ccc71a;}

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

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

#0d0c02
```
#0d0c02 rgb(13,12,2)
```
#1e1d04
```
#1e1d04 rgb(30,29,4)
```
#2f2e06
```
#2f2e06 rgb(47,46,6)
```
#413f08
```
#413f08 rgb(65,63,8)
```
#52500a
```
#52500a rgb(82,80,10)
```
#64610d
```
#64610d rgb(100,97,13)
```
#75720f
```
#75720f rgb(117,114,15)
```
#868311
```
#868311 rgb(134,131,17)
```
#989413
```
#989413 rgb(152,148,19)
```
#a9a516
```
#a9a516 rgb(169,165,22)
```
#bbb618
```
#bbb618 rgb(187,182,24)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#ddd81c
```
#ddd81c rgb(221,216,28)
```

Shade Color Variation

#e4df29
```
#e4df29 rgb(228,223,41)
```
#e6e13b
```
#e6e13b rgb(230,225,59)
```
#e8e44c
```
#e8e44c rgb(232,228,76)
```
#eae65e
```
#eae65e rgb(234,230,94)
```
#ede96f
```
#ede96f rgb(237,233,111)
```
#efec80
```
#efec80 rgb(239,236,128)
```
#f1ee92
```
#f1ee92 rgb(241,238,146)
```
#f3f1a3
```
#f3f1a3 rgb(243,241,163)
```
#f6f4b5
```
#f6f4b5 rgb(246,244,181)
```
#f8f6c6
```
#f8f6c6 rgb(248,246,198)
```
#faf9d7
```
#faf9d7 rgb(250,249,215)
```
#fcfce9
```
#fcfce9 rgb(252,252,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#747472
```
#747472 rgb(116,116,114)
```
#7c7c6a
```
#7c7c6a rgb(124,124,106)
```
#858461
```
#858461 rgb(133,132,97)
```
#8e8d58
```
#8e8d58 rgb(142,141,88)
```
#97954f
```
#97954f rgb(151,149,79)
```
#a09d46
```
#a09d46 rgb(160,157,70)
```
#a9a63d
```
#a9a63d rgb(169,166,61)
```
#b1ae35
```
#b1ae35 rgb(177,174,53)
```
#bab62c
```
#bab62c rgb(186,182,44)
```
#c3bf23
```
#c3bf23 rgb(195,191,35)
```
#ccc71a
```
#ccc71a rgb(204,199,26)
```
#d5cf11
```
#d5cf11 rgb(213,207,17)
```
#ded808
```
#ded808 rgb(222,216,8)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc524 Protanopia 1% of men
#f5bb31 Deuteranopia 1% of men
#dcbcc9 Tritanopia 0.001% of the population

Trichromacy

#d6c520 Protanomaly 1% of men, 0.01% of women
#e6bf28 Deuteranomaly 6% of men, 0.4% of women
#d6c089 Tritanomaly 0.01% of the population