colorhexa.com

#ccb136 hex color

In a RGB color space, hex #ccb136 is composed of 80% red, 69.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 73.5% yellow and 20% black. It has a hue angle of 49.2 degrees, a saturation of 59.5% and a lightness of 50.6%. #ccb136 color hex could be obtained by blending #ffff6c with #996300. Closest websafe color is: #cc9933.

- R 80
- G 69
- B 21
RGB color chart
- C 0
- M 13
- Y 74
- K 20
CMYK color chart

● #ccb136 color description : Moderate yellow.

The hexadecimal color #ccb136 has RGB values of R:204, G:177, B:54 and CMYK values of C:0, M:0.13, Y:0.74, K:0.2. Its decimal value is 13414710.

Hex triplet	ccb136	`#ccb136`
RGB Decimal	204, 177, 54	`rgb(204,177,54)`
RGB Percent	80, 69.4, 21.2	`rgb(80%,69.4%,21.2%)`
CMYK	0, 13, 74, 20
HSL	49.2°, 59.5, 50.6	`hsl(49.2,59.5%,50.6%)`
HSV (or HSB)	49.2°, 73.5, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.594, -3.191, 62.773
XYZ	41.29, 44.549, 9.914
xyY	0.431, 0.465, 44.549
CIE-LCH	72.594, 62.854, 92.91
CIE-LUV	72.594, 24.131, 69.849
Hunter-Lab	66.745, -6.38, 37.915
Binary	11001100, 10110001, 00110110

#ccb136
```
#ccb136 rgb(204,177,54)
```
#3651cc
```
#3651cc rgb(54,81,204)
```

Complementary Color

#cc6636
```
#cc6636 rgb(204,102,54)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#9ccc36
```
#9ccc36 rgb(156,204,54)
```

Analogous Color

#6636cc
```
#6636cc rgb(102,54,204)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#369ccc
```
#369ccc rgb(54,156,204)
```

Split Complementary Color

#b136cc
```
#b136cc rgb(177,54,204)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#36ccb1
```
#36ccb1 rgb(54,204,177)
```

Triadic Color

#cc3651
```
#cc3651 rgb(204,54,81)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#36ccb1
```
#36ccb1 rgb(54,204,177)
```
#3651cc
```
#3651cc rgb(54,81,204)
```

Tetradic Color

#917d25
```
#917d25 rgb(145,125,37)
```
#a58f2a
```
#a58f2a rgb(165,143,42)
```
#b9a12f
```
#b9a12f rgb(185,161,47)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#d1b94a
```
#d1b94a rgb(209,185,74)
```
#d6c15f
```
#d6c15f rgb(214,193,95)
```
#dbc973
```
#dbc973 rgb(219,201,115)
```

Monochromatic Color

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

#cc8c36
```
#cc8c36 rgb(204,140,54)
```
#cc9836
```
#cc9836 rgb(204,152,54)
```
#cca536
```
#cca536 rgb(204,165,54)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#ccbe36
```
#ccbe36 rgb(204,190,54)
```
#ccca36
```
#ccca36 rgb(204,202,54)
```
#c2cc36
```
#c2cc36 rgb(194,204,54)
```

Similar Colors

Text with hexadecimal color #ccb136

This text has a font color of #ccb136.

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

#ccb136 background color

This paragraph has a background color of #ccb136.

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

#ccb136 border color

This element has a border color of #ccb136.

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

CSS codes

.text {color:#ccb136;}

.background {background-color:#ccb136;}

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

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 #fcfaf2 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#121005
```
#121005 rgb(18,16,5)
```
#221d09
```
#221d09 rgb(34,29,9)
```
#312b0d
```
#312b0d rgb(49,43,13)
```
#413810
```
#413810 rgb(65,56,16)
```
#514614
```
#514614 rgb(81,70,20)
```
#605318
```
#605318 rgb(96,83,24)
```
#70611c
```
#70611c rgb(112,97,28)
```
#806e20
```
#806e20 rgb(128,110,32)
```
#8f7c24
```
#8f7c24 rgb(143,124,36)
```
#9f8a28
```
#9f8a28 rgb(159,138,40)
```
#ae972c
```
#ae972c rgb(174,151,44)
```
#bea530
```
#bea530 rgb(190,165,48)
```

Shade Color Variation

#ccb136
```
#ccb136 rgb(204,177,54)
```
#d0b746
```
#d0b746 rgb(208,183,70)
```
#d4bd55
```
#d4bd55 rgb(212,189,85)
```
#d8c365
```
#d8c365 rgb(216,195,101)
```
#dcc975
```
#dcc975 rgb(220,201,117)
```
#e0cf84
```
#e0cf84 rgb(224,207,132)
```
#e4d594
```
#e4d594 rgb(228,213,148)
```
#e8dca4
```
#e8dca4 rgb(232,220,164)
```
#ece2b3
```
#ece2b3 rgb(236,226,179)
```
#f0e8c3
```
#f0e8c3 rgb(240,232,195)
```
#f4eed2
```
#f4eed2 rgb(244,238,210)
```
#f8f4e2
```
#f8f4e2 rgb(248,244,226)
```
#fcfaf2
```
#fcfaf2 rgb(252,250,242)
```

Tint Color Variation

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

#88867a
```
#88867a rgb(136,134,122)
```
#928c70
```
#928c70 rgb(146,140,112)
```
#9c9266
```
#9c9266 rgb(156,146,102)
```
#a5985d
```
#a5985d rgb(165,152,93)
```
#af9e53
```
#af9e53 rgb(175,158,83)
```
#b9a549
```
#b9a549 rgb(185,165,73)
```
#c2ab40
```
#c2ab40 rgb(194,171,64)
```
#ccb136
```
#ccb136 rgb(204,177,54)
```
#d6b72c
```
#d6b72c rgb(214,183,44)
```
#dfbd23
```
#dfbd23 rgb(223,189,35)
```
#e9c419
```
#e9c419 rgb(233,196,25)
```
#f3ca0f
```
#f3ca0f rgb(243,202,15)
```
#fcd006
```
#fcd006 rgb(252,208,6)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b2ac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab640 Protanopia 1% of men
#e1ad43 Deuteranopia 1% of men
#d8a9b5 Tritanopia 0.001% of the population

Trichromacy

#cbb43c Protanomaly 1% of men, 0.01% of women
#d9ae3e Deuteranomaly 6% of men, 0.4% of women
#d3ac87 Tritanomaly 0.01% of the population