#ccab2f hex color

In a RGB color space, hex #ccab2f is composed of 80% red, 67.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 77% yellow and 20% black. It has a hue angle of 47.4 degrees, a saturation of 62.5% and a lightness of 49.2%. #ccab2f color hex could be obtained by blending #ffff5e with #995700. Closest websafe color is: #cc9933.

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

● #ccab2f color description : Strong yellow.

The hexadecimal color #ccab2f has RGB values of R:204, G:171, B:47 and CMYK values of C:0, M:0.16, Y:0.77, K:0.2. Its decimal value is 13413167.

Hex triplet	ccab2f	`#ccab2f`
RGB Decimal	204, 171, 47	`rgb(204,171,47)`
RGB Percent	80, 67.1, 18.4	`rgb(80%,67.1%,18.4%)`
CMYK	0, 16, 77, 20
HSL	47.4°, 62.5, 49.2	`hsl(47.4,62.5%,49.2%)`
HSV (or HSB)	47.4°, 77, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.988, -0.322, 63.761
XYZ	39.978, 42.17, 8.723
xyY	0.44, 0.464, 42.17
CIE-LCH	70.988, 63.762, 90.289
CIE-LUV	70.988, 28.639, 69.084
Hunter-Lab	64.938, -3.752, 37.493
Binary	11001100, 10101011, 00101111

#ccab2f
```
#ccab2f rgb(204,171,47)
```
#2f50cc
```
#2f50cc rgb(47,80,204)
```

Complementary Color

#cc5d2f
```
#cc5d2f rgb(204,93,47)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#9fcc2f
```
#9fcc2f rgb(159,204,47)
```

Analogous Color

#5d2fcc
```
#5d2fcc rgb(93,47,204)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#2f9fcc
```
#2f9fcc rgb(47,159,204)
```

Split Complementary Color

#ab2fcc
```
#ab2fcc rgb(171,47,204)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#2fccab
```
#2fccab rgb(47,204,171)
```

Triadic Color

#cc2f50
```
#cc2f50 rgb(204,47,80)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#2fccab
```
#2fccab rgb(47,204,171)
```
#2f50cc
```
#2f50cc rgb(47,80,204)
```

Tetradic Color

#8e7721
```
#8e7721 rgb(142,119,33)
```
#a38825
```
#a38825 rgb(163,136,37)
```
#b79a2a
```
#b79a2a rgb(183,154,42)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#d3b541
```
#d3b541 rgb(211,181,65)
```
#d8bd56
```
#d8bd56 rgb(216,189,86)
```
#ddc56b
```
#ddc56b rgb(221,197,107)
```

Monochromatic Color

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

#cc842f
```
#cc842f rgb(204,132,47)
```
#cc912f
```
#cc912f rgb(204,145,47)
```
#cc9e2f
```
#cc9e2f rgb(204,158,47)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#ccb82f
```
#ccb82f rgb(204,184,47)
```
#ccc52f
```
#ccc52f rgb(204,197,47)
```
#c6cc2f
```
#c6cc2f rgb(198,204,47)
```

Similar Colors

Text with hexadecimal color #ccab2f

This text has a font color of #ccab2f.

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

#ccab2f background color

This paragraph has a background color of #ccab2f.

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

#ccab2f border color

This element has a border color of #ccab2f.

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

CSS codes

.text {color:#ccab2f;}

.background {background-color:#ccab2f;}

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

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

#0d0b03
```
#0d0b03 rgb(13,11,3)
```
#1d1807
```
#1d1807 rgb(29,24,7)
```
#2d250a
```
#2d250a rgb(45,37,10)
```
#3d330e
```
#3d330e rgb(61,51,14)
```
#4c4012
```
#4c4012 rgb(76,64,18)
```
#5c4d15
```
#5c4d15 rgb(92,77,21)
```
#6c5b19
```
#6c5b19 rgb(108,91,25)
```
#7c681d
```
#7c681d rgb(124,104,29)
```
#8c7620
```
#8c7620 rgb(140,118,32)
```
#9c8324
```
#9c8324 rgb(156,131,36)
```
#ac9028
```
#ac9028 rgb(172,144,40)
```
#bc9e2b
```
#bc9e2b rgb(188,158,43)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```

Shade Color Variation

#d2b33c
```
#d2b33c rgb(210,179,60)
```
#d6b94c
```
#d6b94c rgb(214,185,76)
```
#dabf5c
```
#dabf5c rgb(218,191,92)
```
#ddc56c
```
#ddc56c rgb(221,197,108)
```
#e1cc7c
```
#e1cc7c rgb(225,204,124)
```
#e5d28c
```
#e5d28c rgb(229,210,140)
```
#e8d89c
```
#e8d89c rgb(232,216,156)
```
#ecdeac
```
#ecdeac rgb(236,222,172)
```
#f0e5bc
```
#f0e5bc rgb(240,229,188)
```
#f3ebcc
```
#f3ebcc rgb(243,235,204)
```
#f7f1dc
```
#f7f1dc rgb(247,241,220)
```
#fbf7ec
```
#fbf7ec rgb(251,247,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7f7e7c
```
#7f7e7c rgb(127,126,124)
```
#888473
```
#888473 rgb(136,132,115)
```
#928969
```
#928969 rgb(146,137,105)
```
#9c8f5f
```
#9c8f5f rgb(156,143,95)
```
#a59556
```
#a59556 rgb(165,149,86)
```
#af9a4c
```
#af9a4c rgb(175,154,76)
```
#b9a042
```
#b9a042 rgb(185,160,66)
```
#c2a539
```
#c2a539 rgb(194,165,57)
```
#ccab2f
```
#ccab2f rgb(204,171,47)
```
#d6b125
```
#d6b125 rgb(214,177,37)
```
#dfb61c
```
#dfb61c rgb(223,182,28)
```
#e9bc12
```
#e9bc12 rgb(233,188,18)
```
#f3c108
```
#f3c108 rgb(243,193,8)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea88f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b23a Protanopia 1% of men
#dca93c Deuteranopia 1% of men
#d7a4af Tritanopia 0.001% of the population

Trichromacy

#c8af36 Protanomaly 1% of men, 0.01% of women
#d6aa37 Deuteranomaly 6% of men, 0.4% of women
#d3a680 Tritanomaly 0.01% of the population

#ccab2f hex color

#ccab2f Color Information

#ccab2f Color Conversion

Color Schemes with #ccab2f

Alternatives to #ccab2f

#ccab2f Preview

Shades and Tints of #ccab2f

Tones of #ccab2f

Color Blindness Simulator