#ccc235 hex color

In a RGB color space, hex #ccc235 is composed of 80% red, 76.1% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 74% yellow and 20% black. It has a hue angle of 56 degrees, a saturation of 59.7% and a lightness of 50.4%. #ccc235 color hex could be obtained by blending #ffff6a with #998500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 76
- B 21
RGB color chart
- C 0
- M 5
- Y 74
- K 20
CMYK color chart

● #ccc235 color description : Moderate yellow.

The hexadecimal color #ccc235 has RGB values of R:204, G:194, B:53 and CMYK values of C:0, M:0.05, Y:0.74, K:0.2. Its decimal value is 13419061.

Hex triplet	ccc235	`#ccc235`
RGB Decimal	204, 194, 53	`rgb(204,194,53)`
RGB Percent	80, 76.1, 20.8	`rgb(80%,76.1%,20.8%)`
CMYK	0, 5, 74, 20
HSL	56°, 59.7, 50.4	`hsl(56,59.7%,50.4%)`
HSV (or HSB)	56°, 74, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.089, -12.019, 67.402
XYZ	44.836, 51.679, 10.981
xyY	0.417, 0.481, 51.679
CIE-LCH	77.089, 68.465, 100.11
CIE-LUV	77.089, 12.448, 77.116
Hunter-Lab	71.888, -14.474, 41.265
Binary	11001100, 11000010, 00110101

#ccc235
```
#ccc235 rgb(204,194,53)
```
#353fcc
```
#353fcc rgb(53,63,204)
```

Complementary Color

#cc7735
```
#cc7735 rgb(204,119,53)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#8bcc35
```
#8bcc35 rgb(139,204,53)
```

Analogous Color

#7735cc
```
#7735cc rgb(119,53,204)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#358bcc
```
#358bcc rgb(53,139,204)
```

Split Complementary Color

#c235cc
```
#c235cc rgb(194,53,204)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#35ccc2
```
#35ccc2 rgb(53,204,194)
```

Triadic Color

#cc353f
```
#cc353f rgb(204,53,63)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#35ccc2
```
#35ccc2 rgb(53,204,194)
```
#353fcc
```
#353fcc rgb(53,63,204)
```

Tetradic Color

#908924
```
#908924 rgb(144,137,36)
```
#a49c2a
```
#a49c2a rgb(164,156,42)
```
#b9b02f
```
#b9b02f rgb(185,176,47)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#d1c849
```
#d1c849 rgb(209,200,73)
```
#d6ce5e
```
#d6ce5e rgb(214,206,94)
```
#dbd472
```
#dbd472 rgb(219,212,114)
```

Monochromatic Color

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

#cc9c35
```
#cc9c35 rgb(204,156,53)
```
#cca935
```
#cca935 rgb(204,169,53)
```
#ccb535
```
#ccb535 rgb(204,181,53)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#c9cc35
```
#c9cc35 rgb(201,204,53)
```
#bdcc35
```
#bdcc35 rgb(189,204,53)
```
#b0cc35
```
#b0cc35 rgb(176,204,53)
```

Similar Colors

Text with hexadecimal color #ccc235

This text has a font color of #ccc235.

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

#ccc235 background color

This paragraph has a background color of #ccc235.

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

#ccc235 border color

This element has a border color of #ccc235.

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

CSS codes

.text {color:#ccc235;}

.background {background-color:#ccc235;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111004
```
#111004 rgb(17,16,4)
```
#211f08
```
#211f08 rgb(33,31,8)
```
#312e0c
```
#312e0c rgb(49,46,12)
```
#403d10
```
#403d10 rgb(64,61,16)
```
#504c14
```
#504c14 rgb(80,76,20)
```
#605b18
```
#605b18 rgb(96,91,24)
```
#6f6a1c
```
#6f6a1c rgb(111,106,28)
```
#7f7920
```
#7f7920 rgb(127,121,32)
```
#8f8724
```
#8f8724 rgb(143,135,36)
```
#9e9628
```
#9e9628 rgb(158,150,40)
```
#aea52c
```
#aea52c rgb(174,165,44)
```
#beb430
```
#beb430 rgb(190,180,48)
```

Shade Color Variation

#ccc235
```
#ccc235 rgb(204,194,53)
```
#d0c745
```
#d0c745 rgb(208,199,69)
```
#d4cb54
```
#d4cb54 rgb(212,203,84)
```
#d8d064
```
#d8d064 rgb(216,208,100)
```
#dcd574
```
#dcd574 rgb(220,213,116)
```
#e0da83
```
#e0da83 rgb(224,218,131)
```
#e4de93
```
#e4de93 rgb(228,222,147)
```
#e8e3a3
```
#e8e3a3 rgb(232,227,163)
```
#ece8b2
```
#ece8b2 rgb(236,232,178)
```
#f0edc2
```
#f0edc2 rgb(240,237,194)
```
#f4f1d2
```
#f4f1d2 rgb(244,241,210)
```
#f7f6e1
```
#f7f6e1 rgb(247,246,225)
```
#fbfbf1
```
#fbfbf1 rgb(251,251,241)
```

Tint Color Variation

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

#888779
```
#888779 rgb(136,135,121)
```
#928f6f
```
#928f6f rgb(146,143,111)
```
#9b9866
```
#9b9866 rgb(155,152,102)
```
#a5a05c
```
#a5a05c rgb(165,160,92)
```
#afa952
```
#afa952 rgb(175,169,82)
```
#b9b148
```
#b9b148 rgb(185,177,72)
```
#c2ba3f
```
#c2ba3f rgb(194,186,63)
```
#ccc235
```
#ccc235 rgb(204,194,53)
```
#d6ca2b
```
#d6ca2b rgb(214,202,43)
```
#dfd322
```
#dfd322 rgb(223,211,34)
```
#e9db18
```
#e9db18 rgb(233,219,24)
```
#f3e40e
```
#f3e40e rgb(243,228,14)
```
#fdec04
```
#fdec04 rgb(253,236,4)
```

Tone Color Variation

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

Dichromacy

#d8c23e Protanopia 1% of men
#f0b845 Deuteranopia 1% of men
#dab8c5 Tritanopia 0.001% of the population

Trichromacy

#d3c23b Protanomaly 1% of men, 0.01% of women
#e2bc3f Deuteranomaly 6% of men, 0.4% of women
#d5bc91 Tritanomaly 0.01% of the population

#ccc235 hex color

#ccc235 Color Information

#ccc235 Color Conversion

Color Schemes with #ccc235

Alternatives to #ccc235

#ccc235 Preview

Shades and Tints of #ccc235

Tones of #ccc235

Color Blindness Simulator