#ccbd49 hex color

In a RGB color space, hex #ccbd49 is composed of 80% red, 74.1% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 64.2% yellow and 20% black. It has a hue angle of 53.1 degrees, a saturation of 56.2% and a lightness of 54.3%. #ccbd49 color hex could be obtained by blending #ffff92 with #997b00. Closest websafe color is: #cccc33.

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

● #ccbd49 color description : Moderate yellow.

The hexadecimal color #ccbd49 has RGB values of R:204, G:189, B:73 and CMYK values of C:0, M:0.07, Y:0.64, K:0.2. Its decimal value is 13417801.

Hex triplet	ccbd49	`#ccbd49`
RGB Decimal	204, 189, 73	`rgb(204,189,73)`
RGB Percent	80, 74.1, 28.6	`rgb(80%,74.1%,28.6%)`
CMYK	0, 7, 64, 20
HSL	53.1°, 56.2, 54.3	`hsl(53.1,56.2%,54.3%)`
HSV (or HSB)	53.1°, 64.2, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.894, -8.421, 58.548
XYZ	44.302, 49.715, 13.565
xyY	0.412, 0.462, 49.715
CIE-LCH	75.894, 59.151, 98.185
CIE-LUV	75.894, 15.273, 69.332
Hunter-Lab	70.509, -11.235, 37.949
Binary	11001100, 10111101, 01001001

#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#4958cc
```
#4958cc rgb(73,88,204)
```

Complementary Color

#cc7c49
```
#cc7c49 rgb(204,124,73)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#9acc49
```
#9acc49 rgb(154,204,73)
```

Analogous Color

#7c49cc
```
#7c49cc rgb(124,73,204)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#499acc
```
#499acc rgb(73,154,204)
```

Split Complementary Color

#bd49cc
```
#bd49cc rgb(189,73,204)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#49ccbd
```
#49ccbd rgb(73,204,189)
```

Triadic Color

#cc4958
```
#cc4958 rgb(204,73,88)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#49ccbd
```
#49ccbd rgb(73,204,189)
```
#4958cc
```
#4958cc rgb(73,88,204)
```

Tetradic Color

#9d902c
```
#9d902c rgb(157,144,44)
```
#b1a231
```
#b1a231 rgb(177,162,49)
```
#c4b437
```
#c4b437 rgb(196,180,55)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#d2c45d
```
#d2c45d rgb(210,196,93)
```
#d7cb71
```
#d7cb71 rgb(215,203,113)
```
#ddd385
```
#ddd385 rgb(221,211,133)
```

Monochromatic Color

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

#cc9c49
```
#cc9c49 rgb(204,156,73)
```
#cca749
```
#cca749 rgb(204,167,73)
```
#ccb249
```
#ccb249 rgb(204,178,73)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#ccc849
```
#ccc849 rgb(204,200,73)
```
#c5cc49
```
#c5cc49 rgb(197,204,73)
```
#bacc49
```
#bacc49 rgb(186,204,73)
```

Similar Colors

Text with hexadecimal color #ccbd49

This text has a font color of #ccbd49.

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

#ccbd49 background color

This paragraph has a background color of #ccbd49.

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

#ccbd49 border color

This element has a border color of #ccbd49.

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

CSS codes

.text {color:#ccbd49;}

.background {background-color:#ccbd49;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111005
```
#111005 rgb(17,16,5)
```
#211e09
```
#211e09 rgb(33,30,9)
```
#302c0d
```
#302c0d rgb(48,44,13)
```
#3f3a12
```
#3f3a12 rgb(63,58,18)
```
#4e4816
```
#4e4816 rgb(78,72,22)
```
#5e561a
```
#5e561a rgb(94,86,26)
```
#6d641f
```
#6d641f rgb(109,100,31)
```
#7c7223
```
#7c7223 rgb(124,114,35)
```
#8c8027
```
#8c8027 rgb(140,128,39)
```
#9b8e2b
```
#9b8e2b rgb(155,142,43)
```
#aa9c30
```
#aa9c30 rgb(170,156,48)
```
#baaa34
```
#baaa34 rgb(186,170,52)
```

Shade Color Variation

#c8b73a
```
#c8b73a rgb(200,183,58)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#d0c358
```
#d0c358 rgb(208,195,88)
```
#d5c868
```
#d5c868 rgb(213,200,104)
```
#d9ce77
```
#d9ce77 rgb(217,206,119)
```
#ddd386
```
#ddd386 rgb(221,211,134)
```
#e1d996
```
#e1d996 rgb(225,217,150)
```
#e6dea5
```
#e6dea5 rgb(230,222,165)
```
#eae4b4
```
#eae4b4 rgb(234,228,180)
```
#eee9c4
```
#eee9c4 rgb(238,233,196)
```
#f3efd3
```
#f3efd3 rgb(243,239,211)
```
#f7f5e2
```
#f7f5e2 rgb(247,245,226)
```
#fbfaf2
```
#fbfaf2 rgb(251,250,242)
```

Tint Color Variation

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

#8d8d88
```
#8d8d88 rgb(141,141,136)
```
#96947f
```
#96947f rgb(150,148,127)
```
#9f9a76
```
#9f9a76 rgb(159,154,118)
```
#a8a16d
```
#a8a16d rgb(168,161,109)
```
#b1a864
```
#b1a864 rgb(177,168,100)
```
#baaf5b
```
#baaf5b rgb(186,175,91)
```
#c3b652
```
#c3b652 rgb(195,182,82)
```
#ccbd49
```
#ccbd49 rgb(204,189,73)
```
#d5c440
```
#d5c440 rgb(213,196,64)
```
#decb37
```
#decb37 rgb(222,203,55)
```
#e7d22e
```
#e7d22e rgb(231,210,46)
```
#f0d925
```
#f0d925 rgb(240,217,37)
```
#f9e01c
```
#f9e01c rgb(249,224,28)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b69f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3be52 Protanopia 1% of men
#eab556 Deuteranopia 1% of men
#d9b5c1 Tritanopia 0.001% of the population

Trichromacy

#d0be4e Protanomaly 1% of men, 0.01% of women
#dfb851 Deuteranomaly 6% of men, 0.4% of women
#d4b795 Tritanomaly 0.01% of the population

#ccbd49 hex color

#ccbd49 Color Information

#ccbd49 Color Conversion

Color Schemes with #ccbd49

Alternatives to #ccbd49

#ccbd49 Preview

Shades and Tints of #ccbd49

Tones of #ccbd49

Color Blindness Simulator