colorhexa.com

#ccbe49 hex color

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

- R 80
- G 75
- B 29
RGB color chart
- C 0
- M 7
- Y 64
- K 20
CMYK color chart

● #ccbe49 color description : Moderate yellow.

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

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

CIE-LAB	76.159, -8.936, 58.829
XYZ	44.518, 50.146, 13.637
xyY	0.411, 0.463, 50.146
CIE-LCH	76.159, 59.504, 98.637
CIE-LUV	76.159, 14.605, 69.77
Hunter-Lab	70.814, -11.709, 38.152
Binary	11001100, 10111110, 01001001

#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#4957cc
```
#4957cc rgb(73,87,204)
```

Complementary Color

#cc7d49
```
#cc7d49 rgb(204,125,73)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#99cc49
```
#99cc49 rgb(153,204,73)
```

Analogous Color

#7d49cc
```
#7d49cc rgb(125,73,204)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#4999cc
```
#4999cc rgb(73,153,204)
```

Split Complementary Color

#be49cc
```
#be49cc rgb(190,73,204)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#49ccbe
```
#49ccbe rgb(73,204,190)
```

Triadic Color

#cc4957
```
#cc4957 rgb(204,73,87)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#49ccbe
```
#49ccbe rgb(73,204,190)
```
#4957cc
```
#4957cc rgb(73,87,204)
```

Tetradic Color

#9d912c
```
#9d912c rgb(157,145,44)
```
#b1a331
```
#b1a331 rgb(177,163,49)
```
#c4b537
```
#c4b537 rgb(196,181,55)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#d2c55d
```
#d2c55d rgb(210,197,93)
```
#d7cc71
```
#d7cc71 rgb(215,204,113)
```
#ddd385
```
#ddd385 rgb(221,211,133)
```

Monochromatic Color

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

#cc9d49
```
#cc9d49 rgb(204,157,73)
```
#cca849
```
#cca849 rgb(204,168,73)
```
#ccb349
```
#ccb349 rgb(204,179,73)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#ccc949
```
#ccc949 rgb(204,201,73)
```
#c4cc49
```
#c4cc49 rgb(196,204,73)
```
#b9cc49
```
#b9cc49 rgb(185,204,73)
```

Similar Colors

Text with hexadecimal color #ccbe49

This text has a font color of #ccbe49.

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

#ccbe49 background color

This paragraph has a background color of #ccbe49.

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

#ccbe49 border color

This element has a border color of #ccbe49.

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

CSS codes

.text {color:#ccbe49;}

.background {background-color:#ccbe49;}

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

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)
```
#5e571a
```
#5e571a rgb(94,87,26)
```
#6d651f
```
#6d651f rgb(109,101,31)
```
#7c7323
```
#7c7323 rgb(124,115,35)
```
#8c8127
```
#8c8127 rgb(140,129,39)
```
#9b8f2b
```
#9b8f2b rgb(155,143,43)
```
#aa9d30
```
#aa9d30 rgb(170,157,48)
```
#baab34
```
#baab34 rgb(186,171,52)
```

Shade Color Variation

#c8b93a
```
#c8b93a rgb(200,185,58)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#d0c358
```
#d0c358 rgb(208,195,88)
```
#d5c968
```
#d5c968 rgb(213,201,104)
```
#d9ce77
```
#d9ce77 rgb(217,206,119)
```
#ddd486
```
#ddd486 rgb(221,212,134)
```
#e1d996
```
#e1d996 rgb(225,217,150)
```
#e6dfa5
```
#e6dfa5 rgb(230,223,165)
```
#eae4b4
```
#eae4b4 rgb(234,228,180)
```
#eeeac4
```
#eeeac4 rgb(238,234,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 #f9e11c is the most saturated one.

#8d8d88
```
#8d8d88 rgb(141,141,136)
```
#96947f
```
#96947f rgb(150,148,127)
```
#9f9b76
```
#9f9b76 rgb(159,155,118)
```
#a8a26d
```
#a8a26d rgb(168,162,109)
```
#b1a964
```
#b1a964 rgb(177,169,100)
```
#bab05b
```
#bab05b rgb(186,176,91)
```
#c3b752
```
#c3b752 rgb(195,183,82)
```
#ccbe49
```
#ccbe49 rgb(204,190,73)
```
#d5c540
```
#d5c540 rgb(213,197,64)
```
#decc37
```
#decc37 rgb(222,204,55)
```
#e7d32e
```
#e7d32e rgb(231,211,46)
```
#f0da25
```
#f0da25 rgb(240,218,37)
```
#f9e11c
```
#f9e11c rgb(249,225,28)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bf51 Protanopia 1% of men
#ebb656 Deuteranopia 1% of men
#d9b5c2 Tritanopia 0.001% of the population

Trichromacy

#d1be4e Protanomaly 1% of men, 0.01% of women
#dfb951 Deuteranomaly 6% of men, 0.4% of women
#d4b896 Tritanomaly 0.01% of the population