#ccca55 hex color

In a RGB color space, hex #ccca55 is composed of 80% red, 79.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 58.3% yellow and 20% black. It has a hue angle of 59 degrees, a saturation of 53.8% and a lightness of 56.7%. #ccca55 color hex could be obtained by blending #ffffaa with #999500. Closest websafe color is: #cccc66.

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

● #ccca55 color description : Moderate yellow.

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

Hex triplet	ccca55	`#ccca55`
RGB Decimal	204, 202, 85	`rgb(204,202,85)`
RGB Percent	80, 79.2, 33.3	`rgb(80%,79.2%,33.3%)`
CMYK	0, 1, 58, 20
HSL	59°, 53.8, 56.7	`hsl(59,53.8%,56.7%)`
HSV (or HSB)	59°, 58.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.463, -14.242, 57.233
XYZ	47.662, 55.735, 16.841
xyY	0.396, 0.464, 55.735
CIE-LCH	79.463, 58.979, 103.974
CIE-LUV	79.463, 6.439, 70.869
Hunter-Lab	74.656, -16.69, 38.884
Binary	11001100, 11001010, 01010101

#ccca55
```
#ccca55 rgb(204,202,85)
```
#5557cc
```
#5557cc rgb(85,87,204)
```

Complementary Color

#cc8f55
```
#cc8f55 rgb(204,143,85)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#93cc55
```
#93cc55 rgb(147,204,85)
```

Analogous Color

#8f55cc
```
#8f55cc rgb(143,85,204)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#5593cc
```
#5593cc rgb(85,147,204)
```

Split Complementary Color

#ca55cc
```
#ca55cc rgb(202,85,204)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#55ccca
```
#55ccca rgb(85,204,202)
```

Triadic Color

#cc5557
```
#cc5557 rgb(204,85,87)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#55ccca
```
#55ccca rgb(85,204,202)
```
#5557cc
```
#5557cc rgb(85,87,204)
```

Tetradic Color

#a3a231
```
#a3a231 rgb(163,162,49)
```
#b7b537
```
#b7b537 rgb(183,181,55)
```
#c6c441
```
#c6c441 rgb(198,196,65)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#d2d069
```
#d2d069 rgb(210,208,105)
```
#d8d67c
```
#d8d67c rgb(216,214,124)
```
#dedc90
```
#dedc90 rgb(222,220,144)
```

Monochromatic Color

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

#ccac55
```
#ccac55 rgb(204,172,85)
```
#ccb655
```
#ccb655 rgb(204,182,85)
```
#ccc055
```
#ccc055 rgb(204,192,85)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#c4cc55
```
#c4cc55 rgb(196,204,85)
```
#bacc55
```
#bacc55 rgb(186,204,85)
```
#b0cc55
```
#b0cc55 rgb(176,204,85)
```

Similar Colors

Text with hexadecimal color #ccca55

This text has a font color of #ccca55.

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

#ccca55 background color

This paragraph has a background color of #ccca55.

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

#ccca55 border color

This element has a border color of #ccca55.

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

CSS codes

.text {color:#ccca55;}

.background {background-color:#ccca55;}

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

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

#0b0b03
```
#0b0b03 rgb(11,11,3)
```
#1a1a08
```
#1a1a08 rgb(26,26,8)
```
#29290c
```
#29290c rgb(41,41,12)
```
#383811
```
#383811 rgb(56,56,17)
```
#474715
```
#474715 rgb(71,71,21)
```
#57551a
```
#57551a rgb(87,85,26)
```
#66641e
```
#66641e rgb(102,100,30)
```
#757323
```
#757323 rgb(117,115,35)
```
#848228
```
#848228 rgb(132,130,40)
```
#93912c
```
#93912c rgb(147,145,44)
```
#a2a031
```
#a2a031 rgb(162,160,49)
```
#b1af35
```
#b1af35 rgb(177,175,53)
```
#c0be3a
```
#c0be3a rgb(192,190,58)
```

Shade Color Variation

#c7c546
```
#c7c546 rgb(199,197,70)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#d1cf64
```
#d1cf64 rgb(209,207,100)
```
#d5d373
```
#d5d373 rgb(213,211,115)
```
#dad882
```
#dad882 rgb(218,216,130)
```
#dedd91
```
#dedd91 rgb(222,221,145)
```
#e3e2a0
```
#e3e2a0 rgb(227,226,160)
```
#e7e6b0
```
#e7e6b0 rgb(231,230,176)
```
#ecebbf
```
#ecebbf rgb(236,235,191)
```
#f0f0ce
```
#f0f0ce rgb(240,240,206)
```
#f5f4dd
```
#f5f4dd rgb(245,244,221)
```
#f9f9ec
```
#f9f9ec rgb(249,249,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#999988
```
#999988 rgb(153,153,136)
```
#a2a180
```
#a2a180 rgb(162,161,128)
```
#aaa977
```
#aaa977 rgb(170,169,119)
```
#b3b16f
```
#b3b16f rgb(179,177,111)
```
#bbba66
```
#bbba66 rgb(187,186,102)
```
#c4c25e
```
#c4c25e rgb(196,194,94)
```
#ccca55
```
#ccca55 rgb(204,202,85)
```
#d5d24d
```
#d5d24d rgb(213,210,77)
```
#ddda44
```
#ddda44 rgb(221,218,68)
```
#e6e33c
```
#e6e33c rgb(230,227,60)
```
#eeeb33
```
#eeeb33 rgb(238,235,51)
```
#f7f32b
```
#f7f32b rgb(247,243,43)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc85c Protanopia 1% of men
#f4be62 Deuteranopia 1% of men
#dac0ce Tritanopia 0.001% of the population

Trichromacy

#d6c859 Protanomaly 1% of men, 0.01% of women
#e5c25d Deuteranomaly 6% of men, 0.4% of women
#d5c4a2 Tritanomaly 0.01% of the population

#ccca55 hex color

#ccca55 Color Information

#ccca55 Color Conversion

Color Schemes with #ccca55

Alternatives to #ccca55

#ccca55 Preview

Shades and Tints of #ccca55

Tones of #ccca55

Color Blindness Simulator