#ccb54a hex color

In a RGB color space, hex #ccb54a is composed of 80% red, 71% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 63.7% yellow and 20% black. It has a hue angle of 49.4 degrees, a saturation of 56% and a lightness of 54.5%. #ccb54a color hex could be obtained by blending #ffff94 with #996b00. Closest websafe color is: #cccc33.

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

● #ccb54a color description : Moderate yellow.

The hexadecimal color #ccb54a has RGB values of R:204, G:181, B:74 and CMYK values of C:0, M:0.11, Y:0.64, K:0.2. Its decimal value is 13415754.

Hex triplet	ccb54a	`#ccb54a`
RGB Decimal	204, 181, 74	`rgb(204,181,74)`
RGB Percent	80, 71, 29	`rgb(80%,71%,29%)`
CMYK	0, 11, 64, 20
HSL	49.4°, 56, 54.5	`hsl(49.4,56%,54.5%)`
HSV (or HSB)	49.4°, 63.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.792, -4.206, 55.871
XYZ	42.662, 46.381, 13.183
xyY	0.417, 0.454, 46.381
CIE-LCH	73.792, 56.029, 94.305
CIE-LUV	73.792, 20.647, 65.477
Hunter-Lab	68.104, -7.364, 36.195
Binary	11001100, 10110101, 01001010

#ccb54a
```
#ccb54a rgb(204,181,74)
```
#4a61cc
```
#4a61cc rgb(74,97,204)
```

Complementary Color

#cc744a
```
#cc744a rgb(204,116,74)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#a2cc4a
```
#a2cc4a rgb(162,204,74)
```

Analogous Color

#744acc
```
#744acc rgb(116,74,204)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#4aa2cc
```
#4aa2cc rgb(74,162,204)
```

Split Complementary Color

#b54acc
```
#b54acc rgb(181,74,204)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#4accb5
```
#4accb5 rgb(74,204,181)
```

Triadic Color

#cc4a61
```
#cc4a61 rgb(204,74,97)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#4accb5
```
#4accb5 rgb(74,204,181)
```
#4a61cc
```
#4a61cc rgb(74,97,204)
```

Tetradic Color

#9d892c
```
#9d892c rgb(157,137,44)
```
#b19b32
```
#b19b32 rgb(177,155,50)
```
#c5ac38
```
#c5ac38 rgb(197,172,56)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#d2bd5e
```
#d2bd5e rgb(210,189,94)
```
#d7c572
```
#d7c572 rgb(215,197,114)
```
#ddcd86
```
#ddcd86 rgb(221,205,134)
```

Monochromatic Color

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

#cc954a
```
#cc954a rgb(204,149,74)
```
#cc9f4a
```
#cc9f4a rgb(204,159,74)
```
#ccaa4a
```
#ccaa4a rgb(204,170,74)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#ccc04a
```
#ccc04a rgb(204,192,74)
```
#cccb4a
```
#cccb4a rgb(204,203,74)
```
#c3cc4a
```
#c3cc4a rgb(195,204,74)
```

Similar Colors

Text with hexadecimal color #ccb54a

This text has a font color of #ccb54a.

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

#ccb54a background color

This paragraph has a background color of #ccb54a.

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

#ccb54a border color

This element has a border color of #ccb54a.

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

CSS codes

.text {color:#ccb54a;}

.background {background-color:#ccb54a;}

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

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)
```
#121005
```
#121005 rgb(18,16,5)
```
#211d09
```
#211d09 rgb(33,29,9)
```
#312a0e
```
#312a0e rgb(49,42,14)
```
#403812
```
#403812 rgb(64,56,18)
```
#4f4516
```
#4f4516 rgb(79,69,22)
```
#5e521b
```
#5e521b rgb(94,82,27)
```
#6e601f
```
#6e601f rgb(110,96,31)
```
#7d6d23
```
#7d6d23 rgb(125,109,35)
```
#8c7b28
```
#8c7b28 rgb(140,123,40)
```
#9c882c
```
#9c882c rgb(156,136,44)
```
#ab9530
```
#ab9530 rgb(171,149,48)
```
#baa334
```
#baa334 rgb(186,163,52)
```

Shade Color Variation

#c8af3b
```
#c8af3b rgb(200,175,59)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#d0bb59
```
#d0bb59 rgb(208,187,89)
```
#d5c269
```
#d5c269 rgb(213,194,105)
```
#d9c878
```
#d9c878 rgb(217,200,120)
```
#ddce87
```
#ddce87 rgb(221,206,135)
```
#e2d497
```
#e2d497 rgb(226,212,151)
```
#e6dba6
```
#e6dba6 rgb(230,219,166)
```
#eae1b5
```
#eae1b5 rgb(234,225,181)
```
#eee7c4
```
#eee7c4 rgb(238,231,196)
```
#f3edd4
```
#f3edd4 rgb(243,237,212)
```
#f7f4e3
```
#f7f4e3 rgb(247,244,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 #f9d21d is the most saturated one.

#8e8d88
```
#8e8d88 rgb(142,141,136)
```
#969280
```
#969280 rgb(150,146,128)
```
#9f9877
```
#9f9877 rgb(159,152,119)
```
#a89e6e
```
#a89e6e rgb(168,158,110)
```
#b1a465
```
#b1a465 rgb(177,164,101)
```
#baa95c
```
#baa95c rgb(186,169,92)
```
#c3af53
```
#c3af53 rgb(195,175,83)
```
#ccb54a
```
#ccb54a rgb(204,181,74)
```
#d5bb41
```
#d5bb41 rgb(213,187,65)
```
#dec138
```
#dec138 rgb(222,193,56)
```
#e7c62f
```
#e7c62f rgb(231,198,47)
```
#f0cc26
```
#f0cc26 rgb(240,204,38)
```
#f9d21d
```
#f9d21d rgb(249,210,29)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b6b19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb953 Protanopia 1% of men
#e3b056 Deuteranopia 1% of men
#d8aeba Tritanopia 0.001% of the population

Trichromacy

#ccb750 Protanomaly 1% of men, 0.01% of women
#dab251 Deuteranomaly 6% of men, 0.4% of women
#d3b091 Tritanomaly 0.01% of the population

#ccb54a hex color

#ccb54a Color Information

#ccb54a Color Conversion

Color Schemes with #ccb54a

Alternatives to #ccb54a

#ccb54a Preview

Shades and Tints of #ccb54a

Tones of #ccb54a

Color Blindness Simulator