#ccca2d hex color

In a RGB color space, hex #ccca2d is composed of 80% red, 79.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 77.9% yellow and 20% black. It has a hue angle of 59.2 degrees, a saturation of 63.9% and a lightness of 48.8%. #ccca2d color hex could be obtained by blending #ffff5a with #999500. Closest websafe color is: #cccc33.

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

● #ccca2d color description : Strong yellow.

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

Hex triplet	ccca2d	`#ccca2d`
RGB Decimal	204, 202, 45	`rgb(204,202,45)`
RGB Percent	80, 79.2, 17.6	`rgb(80%,79.2%,17.6%)`
CMYK	0, 1, 78, 20
HSL	59.2°, 63.9, 48.8	`hsl(59.2,63.9%,48.8%)`
HSV (or HSB)	59.2°, 77.9, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.196, -16.357, 71.834
XYZ	46.496, 55.269, 10.701
xyY	0.413, 0.491, 55.269
CIE-LCH	79.196, 73.673, 102.828
CIE-LUV	79.196, 7.281, 82.059
Hunter-Lab	74.343, -18.461, 43.506
Binary	11001100, 11001010, 00101101

#ccca2d
```
#ccca2d rgb(204,202,45)
```
#2d2fcc
```
#2d2fcc rgb(45,47,204)
```

Complementary Color

#cc7b2d
```
#cc7b2d rgb(204,123,45)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#7fcc2d
```
#7fcc2d rgb(127,204,45)
```

Analogous Color

#7b2dcc
```
#7b2dcc rgb(123,45,204)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#2d7fcc
```
#2d7fcc rgb(45,127,204)
```

Split Complementary Color

#ca2dcc
```
#ca2dcc rgb(202,45,204)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#2dccca
```
#2dccca rgb(45,204,202)
```

Triadic Color

#cc2d2f
```
#cc2d2f rgb(204,45,47)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#2dccca
```
#2dccca rgb(45,204,202)
```
#2d2fcc
```
#2d2fcc rgb(45,47,204)
```

Tetradic Color

#8d8c1f
```
#8d8c1f rgb(141,140,31)
```
#a2a124
```
#a2a124 rgb(162,161,36)
```
#b7b528
```
#b7b528 rgb(183,181,40)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#d4d33e
```
#d4d33e rgb(212,211,62)
```
#d9d753
```
#d9d753 rgb(217,215,83)
```
#dedc68
```
#dedc68 rgb(222,220,104)
```

Monochromatic Color

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

#cca22d
```
#cca22d rgb(204,162,45)
```
#ccb02d
```
#ccb02d rgb(204,176,45)
```
#ccbd2d
```
#ccbd2d rgb(204,189,45)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#c1cc2d
```
#c1cc2d rgb(193,204,45)
```
#b4cc2d
```
#b4cc2d rgb(180,204,45)
```
#a6cc2d
```
#a6cc2d rgb(166,204,45)
```

Similar Colors

Text with hexadecimal color #ccca2d

This text has a font color of #ccca2d.

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

#ccca2d background color

This paragraph has a background color of #ccca2d.

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

#ccca2d border color

This element has a border color of #ccca2d.

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

CSS codes

.text {color:#ccca2d;}

.background {background-color:#ccca2d;}

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

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

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1b1b06
```
#1b1b06 rgb(27,27,6)
```
#2b2b0a
```
#2b2b0a rgb(43,43,10)
```
#3b3b0d
```
#3b3b0d rgb(59,59,13)
```
#4b4b11
```
#4b4b11 rgb(75,75,17)
```
#5c5b14
```
#5c5b14 rgb(92,91,20)
```
#6c6b18
```
#6c6b18 rgb(108,107,24)
```
#7c7a1b
```
#7c7a1b rgb(124,122,27)
```
#8c8a1f
```
#8c8a1f rgb(140,138,31)
```
#9c9a22
```
#9c9a22 rgb(156,154,34)
```
#acaa26
```
#acaa26 rgb(172,170,38)
```
#bcba29
```
#bcba29 rgb(188,186,41)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```

Shade Color Variation

#d3d139
```
#d3d139 rgb(211,209,57)
```
#d7d549
```
#d7d549 rgb(215,213,73)
```
#dad959
```
#dad959 rgb(218,217,89)
```
#dedd69
```
#dedd69 rgb(222,221,105)
```
#e2e07a
```
#e2e07a rgb(226,224,122)
```
#e5e48a
```
#e5e48a rgb(229,228,138)
```
#e9e89a
```
#e9e89a rgb(233,232,154)
```
#ecebaa
```
#ecebaa rgb(236,235,170)
```
#f0efba
```
#f0efba rgb(240,239,186)
```
#f3f3ca
```
#f3f3ca rgb(243,243,202)
```
#f7f6da
```
#f7f6da rgb(247,246,218)
```
#fafaea
```
#fafaea rgb(250,250,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#7f7f7a
```
#7f7f7a rgb(127,127,122)
```
#898970
```
#898970 rgb(137,137,112)
```
#939266
```
#939266 rgb(147,146,102)
```
#9c9b5d
```
#9c9b5d rgb(156,155,93)
```
#a6a553
```
#a6a553 rgb(166,165,83)
```
#afae4a
```
#afae4a rgb(175,174,74)
```
#b9b740
```
#b9b740 rgb(185,183,64)
```
#c2c137
```
#c2c137 rgb(194,193,55)
```
#ccca2d
```
#ccca2d rgb(204,202,45)
```
#d6d323
```
#d6d323 rgb(214,211,35)
```
#dfdd1a
```
#dfdd1a rgb(223,221,26)
```
#e9e610
```
#e9e610 rgb(233,230,16)
```
#f2ef07
```
#f2ef07 rgb(242,239,7)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdbc9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec736 Protanopia 1% of men
#f7bd40 Deuteranopia 1% of men
#dcbfcd Tritanopia 0.001% of the population

Trichromacy

#d7c833 Protanomaly 1% of men, 0.01% of women
#e7c239 Deuteranomaly 6% of men, 0.4% of women
#d6c392 Tritanomaly 0.01% of the population

#ccca2d hex color

#ccca2d Color Information

#ccca2d Color Conversion

Color Schemes with #ccca2d

Alternatives to #ccca2d

#ccca2d Preview

Shades and Tints of #ccca2d

Tones of #ccca2d

Color Blindness Simulator