#ccb24a hex color

In a RGB color space, hex #ccb24a is composed of 80% red, 69.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 63.7% yellow and 20% black. It has a hue angle of 48 degrees, a saturation of 56% and a lightness of 54.5%. #ccb24a color hex could be obtained by blending #ffff94 with #996500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 70
- B 29
RGB color chart
- C 0
- M 13
- Y 64
- K 20
CMYK color chart

● #ccb24a color description : Moderate yellow.

The hexadecimal color #ccb24a has RGB values of R:204, G:178, B:74 and CMYK values of C:0, M:0.13, Y:0.64, K:0.2. Its decimal value is 13414986.

Hex triplet	ccb24a	`#ccb24a`
RGB Decimal	204, 178, 74	`rgb(204,178,74)`
RGB Percent	80, 69.8, 29	`rgb(80%,69.8%,29%)`
CMYK	0, 13, 64, 20
HSL	48°, 56, 54.5	`hsl(48,56%,54.5%)`
HSV (or HSB)	48°, 63.7, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.006, -2.633, 55.022
XYZ	42.059, 45.174, 12.982
xyY	0.42, 0.451, 45.174
CIE-LCH	73.006, 55.085, 92.74
CIE-LUV	73.006, 22.707, 64.153
Hunter-Lab	67.212, -5.922, 35.596
Binary	11001100, 10110010, 01001010

#ccb24a
```
#ccb24a rgb(204,178,74)
```
#4a64cc
```
#4a64cc rgb(74,100,204)
```

Complementary Color

#cc714a
```
#cc714a rgb(204,113,74)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#a5cc4a
```
#a5cc4a rgb(165,204,74)
```

Analogous Color

#714acc
```
#714acc rgb(113,74,204)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#4aa5cc
```
#4aa5cc rgb(74,165,204)
```

Split Complementary Color

#b24acc
```
#b24acc rgb(178,74,204)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#4accb2
```
#4accb2 rgb(74,204,178)
```

Triadic Color

#cc4a64
```
#cc4a64 rgb(204,74,100)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#4accb2
```
#4accb2 rgb(74,204,178)
```
#4a64cc
```
#4a64cc rgb(74,100,204)
```

Tetradic Color

#9d872c
```
#9d872c rgb(157,135,44)
```
#b19832
```
#b19832 rgb(177,152,50)
```
#c5a938
```
#c5a938 rgb(197,169,56)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#d2ba5e
```
#d2ba5e rgb(210,186,94)
```
#d7c372
```
#d7c372 rgb(215,195,114)
```
#ddcb86
```
#ddcb86 rgb(221,203,134)
```

Monochromatic Color

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

#cc924a
```
#cc924a rgb(204,146,74)
```
#cc9c4a
```
#cc9c4a rgb(204,156,74)
```
#cca74a
```
#cca74a rgb(204,167,74)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#ccbd4a
```
#ccbd4a rgb(204,189,74)
```
#ccc84a
```
#ccc84a rgb(204,200,74)
```
#c6cc4a
```
#c6cc4a rgb(198,204,74)
```

Similar Colors

Text with hexadecimal color #ccb24a

This text has a font color of #ccb24a.

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

#ccb24a background color

This paragraph has a background color of #ccb24a.

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

#ccb24a border color

This element has a border color of #ccb24a.

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

CSS codes

.text {color:#ccb24a;}

.background {background-color:#ccb24a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120f05
```
#120f05 rgb(18,15,5)
```
#211c09
```
#211c09 rgb(33,28,9)
```
#312a0e
```
#312a0e rgb(49,42,14)
```
#403712
```
#403712 rgb(64,55,18)
```
#4f4416
```
#4f4416 rgb(79,68,22)
```
#5e511b
```
#5e511b rgb(94,81,27)
```
#6e5e1f
```
#6e5e1f rgb(110,94,31)
```
#7d6b23
```
#7d6b23 rgb(125,107,35)
```
#8c7828
```
#8c7828 rgb(140,120,40)
```
#9c852c
```
#9c852c rgb(156,133,44)
```
#ab9230
```
#ab9230 rgb(171,146,48)
```
#baa034
```
#baa034 rgb(186,160,52)
```

Shade Color Variation

#c8ab3b
```
#c8ab3b rgb(200,171,59)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#d0b959
```
#d0b959 rgb(208,185,89)
```
#d5bf69
```
#d5bf69 rgb(213,191,105)
```
#d9c678
```
#d9c678 rgb(217,198,120)
```
#ddcc87
```
#ddcc87 rgb(221,204,135)
```
#e2d397
```
#e2d397 rgb(226,211,151)
```
#e6d9a6
```
#e6d9a6 rgb(230,217,166)
```
#eae0b5
```
#eae0b5 rgb(234,224,181)
```
#eee6c4
```
#eee6c4 rgb(238,230,196)
```
#f3edd4
```
#f3edd4 rgb(243,237,212)
```
#f7f3e3
```
#f7f3e3 rgb(247,243,227)
```
#fbfaf2
```
#fbfaf2 rgb(251,250,242)
```

Tint Color Variation

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

#8e8d88
```
#8e8d88 rgb(142,141,136)
```
#969280
```
#969280 rgb(150,146,128)
```
#9f9777
```
#9f9777 rgb(159,151,119)
```
#a89d6e
```
#a89d6e rgb(168,157,110)
```
#b1a265
```
#b1a265 rgb(177,162,101)
```
#baa75c
```
#baa75c rgb(186,167,92)
```
#c3ad53
```
#c3ad53 rgb(195,173,83)
```
#ccb24a
```
#ccb24a rgb(204,178,74)
```
#d5b741
```
#d5b741 rgb(213,183,65)
```
#debd38
```
#debd38 rgb(222,189,56)
```
#e7c22f
```
#e7c22f rgb(231,194,47)
```
#f0c726
```
#f0c726 rgb(240,199,38)
```
#f9cd1d
```
#f9cd1d rgb(249,205,29)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4af9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab753 Protanopia 1% of men
#e0ae56 Deuteranopia 1% of men
#d8abb7 Tritanopia 0.001% of the population

Trichromacy

#cbb550 Protanomaly 1% of men, 0.01% of women
#d9af51 Deuteranomaly 6% of men, 0.4% of women
#d3ad8f Tritanomaly 0.01% of the population

#ccb24a hex color

#ccb24a Color Information

#ccb24a Color Conversion

Color Schemes with #ccb24a

Alternatives to #ccb24a

#ccb24a Preview

Shades and Tints of #ccb24a

Tones of #ccb24a

Color Blindness Simulator