#ccab28 hex color

In a RGB color space, hex #ccab28 is composed of 80% red, 67.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 80.4% yellow and 20% black. It has a hue angle of 47.9 degrees, a saturation of 67.2% and a lightness of 47.8%. #ccab28 color hex could be obtained by blending #ffff50 with #995700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 67
- B 16
RGB color chart
- C 0
- M 16
- Y 80
- K 20
CMYK color chart

● #ccab28 color description : Strong yellow.

The hexadecimal color #ccab28 has RGB values of R:204, G:171, B:40 and CMYK values of C:0, M:0.16, Y:0.8, K:0.2. Its decimal value is 13413160.

Hex triplet	ccab28	`#ccab28`
RGB Decimal	204, 171, 40	`rgb(204,171,40)`
RGB Percent	80, 67.1, 15.7	`rgb(80%,67.1%,15.7%)`
CMYK	0, 16, 80, 20
HSL	47.9°, 67.2, 47.8	`hsl(47.9,67.2%,47.8%)`
HSV (or HSB)	47.9°, 80.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.952, -0.574, 66.018
XYZ	39.848, 42.118, 8.038
xyY	0.443, 0.468, 42.118
CIE-LCH	70.952, 66.02, 90.498
CIE-LUV	70.952, 28.835, 70.564
Hunter-Lab	64.898, -3.971, 38.085
Binary	11001100, 10101011, 00101000

#ccab28
```
#ccab28 rgb(204,171,40)
```
#2849cc
```
#2849cc rgb(40,73,204)
```

Complementary Color

#cc5928
```
#cc5928 rgb(204,89,40)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#9bcc28
```
#9bcc28 rgb(155,204,40)
```

Analogous Color

#5928cc
```
#5928cc rgb(89,40,204)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#289bcc
```
#289bcc rgb(40,155,204)
```

Split Complementary Color

#ab28cc
```
#ab28cc rgb(171,40,204)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#28ccab
```
#28ccab rgb(40,204,171)
```

Triadic Color

#cc2849
```
#cc2849 rgb(204,40,73)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#28ccab
```
#28ccab rgb(40,204,171)
```
#2849cc
```
#2849cc rgb(40,73,204)
```

Tetradic Color

#8c751b
```
#8c751b rgb(140,117,27)
```
#a18720
```
#a18720 rgb(161,135,32)
```
#b79924
```
#b79924 rgb(183,153,36)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#d8b736
```
#d8b736 rgb(216,183,54)
```
#dcbf4b
```
#dcbf4b rgb(220,191,75)
```
#e0c661
```
#e0c661 rgb(224,198,97)
```

Monochromatic Color

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

#cc8228
```
#cc8228 rgb(204,130,40)
```
#cc9028
```
#cc9028 rgb(204,144,40)
```
#cc9d28
```
#cc9d28 rgb(204,157,40)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#ccb928
```
#ccb928 rgb(204,185,40)
```
#ccc628
```
#ccc628 rgb(204,198,40)
```
#c4cc28
```
#c4cc28 rgb(196,204,40)
```

Similar Colors

Text with hexadecimal color #ccab28

This text has a font color of #ccab28.

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

#ccab28 background color

This paragraph has a background color of #ccab28.

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

#ccab28 border color

This element has a border color of #ccab28.

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

CSS codes

.text {color:#ccab28;}

.background {background-color:#ccab28;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181405
```
#181405 rgb(24,20,5)
```
#282208
```
#282208 rgb(40,34,8)
```
#382f0b
```
#382f0b rgb(56,47,11)
```
#493d0e
```
#493d0e rgb(73,61,14)
```
#594b11
```
#594b11 rgb(89,75,17)
```
#6a5915
```
#6a5915 rgb(106,89,21)
```
#7a6618
```
#7a6618 rgb(122,102,24)
```
#8a741b
```
#8a741b rgb(138,116,27)
```
#9b821e
```
#9b821e rgb(155,130,30)
```
#ab9022
```
#ab9022 rgb(171,144,34)
```
#bc9d25
```
#bc9d25 rgb(188,157,37)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```

Shade Color Variation

#d7b531
```
#d7b531 rgb(215,181,49)
```
#dabb41
```
#dabb41 rgb(218,187,65)
```
#ddc152
```
#ddc152 rgb(221,193,82)
```
#e0c762
```
#e0c762 rgb(224,199,98)
```
#e3cd73
```
#e3cd73 rgb(227,205,115)
```
#e7d383
```
#e7d383 rgb(231,211,131)
```
#ead893
```
#ead893 rgb(234,216,147)
```
#eddea4
```
#eddea4 rgb(237,222,164)
```
#f0e4b4
```
#f0e4b4 rgb(240,228,180)
```
#f4eac5
```
#f4eac5 rgb(244,234,197)
```
#f7f0d5
```
#f7f0d5 rgb(247,240,213)
```
#faf6e5
```
#faf6e5 rgb(250,246,229)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#817e73
```
#817e73 rgb(129,126,115)
```
#8a846a
```
#8a846a rgb(138,132,106)
```
#948960
```
#948960 rgb(148,137,96)
```
#9d8f57
```
#9d8f57 rgb(157,143,87)
```
#a6954e
```
#a6954e rgb(166,149,78)
```
#b09a44
```
#b09a44 rgb(176,154,68)
```
#b9a03b
```
#b9a03b rgb(185,160,59)
```
#c3a531
```
#c3a531 rgb(195,165,49)
```
#ccab28
```
#ccab28 rgb(204,171,40)
```
#d5b11f
```
#d5b11f rgb(213,177,31)
```
#dfb615
```
#dfb615 rgb(223,182,21)
```
#e8bc0c
```
#e8bc0c rgb(232,188,12)
```
#f2c102
```
#f2c102 rgb(242,193,2)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aea78d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b233 Protanopia 1% of men
#dda936 Deuteranopia 1% of men
#d8a4af Tritanopia 0.001% of the population

Trichromacy

#c8af2f Protanomaly 1% of men, 0.01% of women
#d6aa31 Deuteranomaly 6% of men, 0.4% of women
#d3a67e Tritanomaly 0.01% of the population

#ccab28 hex color

#ccab28 Color Information

#ccab28 Color Conversion

Color Schemes with #ccab28

Alternatives to #ccab28

#ccab28 Preview

Shades and Tints of #ccab28

Tones of #ccab28

Color Blindness Simulator