#ccca00 hex color

In a RGB color space, hex #ccca00 is composed of 80% red, 79.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 100% yellow and 20% black. It has a hue angle of 59.4 degrees, a saturation of 100% and a lightness of 40%. #ccca00 color hex could be obtained by blending #ffff00 with #999500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 79
- B 0
RGB color chart
- C 0
- M 1
- Y 100
- K 20
CMYK color chart

● #ccca00 color description : Strong yellow.

The hexadecimal color #ccca00 has RGB values of R:204, G:202, B:0 and CMYK values of C:0, M:0.01, Y:1, K:0.2. Its decimal value is 13421056.

Hex triplet	ccca00	`#ccca00`
RGB Decimal	204, 202, 0	`rgb(204,202,0)`
RGB Percent	80, 79.2, 0	`rgb(80%,79.2%,0%)`
CMYK	0, 1, 100, 20
HSL	59.4°, 100, 40	`hsl(59.4,100%,40%)`
HSV (or HSB)	59.4°, 100, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	79.087, -17.23, 79.459
XYZ	46.023, 55.079, 8.207
xyY	0.421, 0.504, 55.079
CIE-LCH	79.087, 81.306, 102.235
CIE-LUV	79.087, 7.636, 86.776
Hunter-Lab	74.215, -19.185, 45.394
Binary	11001100, 11001010, 00000000

#ccca00
```
#ccca00 rgb(204,202,0)
```
#0002cc
```
#0002cc rgb(0,2,204)
```

Complementary Color

#cc6400
```
#cc6400 rgb(204,100,0)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#68cc00
```
#68cc00 rgb(104,204,0)
```

Analogous Color

#6400cc
```
#6400cc rgb(100,0,204)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#0068cc
```
#0068cc rgb(0,104,204)
```

Split Complementary Color

#ca00cc
```
#ca00cc rgb(202,0,204)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#00ccca
```
#00ccca rgb(0,204,202)
```

Triadic Color

#cc0002
```
#cc0002 rgb(204,0,2)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#00ccca
```
#00ccca rgb(0,204,202)
```
#0002cc
```
#0002cc rgb(0,2,204)
```

Tetradic Color

#807e00
```
#807e00 rgb(128,126,0)
```
#999800
```
#999800 rgb(153,152,0)
```
#b3b100
```
#b3b100 rgb(179,177,0)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#e6e300
```
#e6e300 rgb(230,227,0)
```
#fffd00
```
#fffd00 rgb(255,253,0)
```
#fffd1a
```
#fffd1a rgb(255,253,26)
```

Monochromatic Color

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

#cc9700
```
#cc9700 rgb(204,151,0)
```
#cca800
```
#cca800 rgb(204,168,0)
```
#ccb900
```
#ccb900 rgb(204,185,0)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#bdcc00
```
#bdcc00 rgb(189,204,0)
```
#accc00
```
#accc00 rgb(172,204,0)
```
#9bcc00
```
#9bcc00 rgb(155,204,0)
```

Similar Colors

Text with hexadecimal color #ccca00

This text has a font color of #ccca00.

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

#ccca00 background color

This paragraph has a background color of #ccca00.

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

#ccca00 border color

This element has a border color of #ccca00.

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

CSS codes

.text {color:#ccca00;}

.background {background-color:#ccca00;}

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

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

#080800
```
#080800 rgb(8,8,0)
```
#1b1b00
```
#1b1b00 rgb(27,27,0)
```
#2f2f00
```
#2f2f00 rgb(47,47,0)
```
#434200
```
#434200 rgb(67,66,0)
```
#565500
```
#565500 rgb(86,85,0)
```
#6a6900
```
#6a6900 rgb(106,105,0)
```
#7e7c00
```
#7e7c00 rgb(126,124,0)
```
#919000
```
#919000 rgb(145,144,0)
```
#a5a300
```
#a5a300 rgb(165,163,0)
```
#b8b700
```
#b8b700 rgb(184,183,0)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```
#e0dd00
```
#e0dd00 rgb(224,221,0)
```
#f3f100
```
#f3f100 rgb(243,241,0)
```

Shade Color Variation

#fffd08
```
#fffd08 rgb(255,253,8)
```
#fffd1b
```
#fffd1b rgb(255,253,27)
```
#fffd2f
```
#fffd2f rgb(255,253,47)
```
#fffd43
```
#fffd43 rgb(255,253,67)
```
#fffd56
```
#fffd56 rgb(255,253,86)
```
#fffe6a
```
#fffe6a rgb(255,254,106)
```
#fffe7e
```
#fffe7e rgb(255,254,126)
```
#fffe91
```
#fffe91 rgb(255,254,145)
```
#fffea5
```
#fffea5 rgb(255,254,165)
```
#fffeb8
```
#fffeb8 rgb(255,254,184)
```
#ffffcc
```
#ffffcc rgb(255,255,204)
```
#ffffe0
```
#ffffe0 rgb(255,255,224)
```
#fffff3
```
#fffff3 rgb(255,255,243)
```

Tint Color Variation

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

#6e6e5e
```
#6e6e5e rgb(110,110,94)
```
#767556
```
#767556 rgb(118,117,86)
```
#7e7d4e
```
#7e7d4e rgb(126,125,78)
```
#858547
```
#858547 rgb(133,133,71)
```
#8d8c3f
```
#8d8c3f rgb(141,140,63)
```
#959437
```
#959437 rgb(149,148,55)
```
#9d9c2f
```
#9d9c2f rgb(157,156,47)
```
#a5a427
```
#a5a427 rgb(165,164,39)
```
#adab1f
```
#adab1f rgb(173,171,31)
```
#b4b318
```
#b4b318 rgb(180,179,24)
```
#bcbb10
```
#bcbb10 rgb(188,187,16)
```
#c4c208
```
#c4c208 rgb(196,194,8)
```
#ccca00
```
#ccca00 rgb(204,202,0)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc700 Protanopia 1% of men
#f8bd24 Deuteranopia 1% of men
#dcbfcc Tritanopia 0.001% of the population

Trichromacy

#d8c800 Protanomaly 1% of men, 0.01% of women
#e8c117 Deuteranomaly 6% of men, 0.4% of women
#d6c382 Tritanomaly 0.01% of the population

#ccca00 hex color

#ccca00 Color Information

#ccca00 Color Conversion

Color Schemes with #ccca00

Alternatives to #ccca00

#ccca00 Preview

Shades and Tints of #ccca00

Tones of #ccca00

Color Blindness Simulator