#ccb34d hex color

In a RGB color space, hex #ccb34d is composed of 80% red, 70.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 62.3% yellow and 20% black. It has a hue angle of 48.2 degrees, a saturation of 55.5% and a lightness of 55.1%. #ccb34d color hex could be obtained by blending #ffff9a with #996700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 70
- B 30
RGB color chart
- C 0
- M 12
- Y 62
- K 20
CMYK color chart

● #ccb34d color description : Moderate yellow.

The hexadecimal color #ccb34d has RGB values of R:204, G:179, B:77 and CMYK values of C:0, M:0.12, Y:0.62, K:0.2. Its decimal value is 13415245.

Hex triplet	ccb34d	`#ccb34d`
RGB Decimal	204, 179, 77	`rgb(204,179,77)`
RGB Percent	80, 70.2, 30.2	`rgb(80%,70.2%,30.2%)`
CMYK	0, 12, 62, 20
HSL	48.2°, 55.5, 55.1	`hsl(48.2,55.5%,55.1%)`
HSV (or HSB)	48.2°, 62.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.295, -2.963, 53.997
XYZ	42.362, 45.615, 13.594
xyY	0.417, 0.449, 45.615
CIE-LCH	73.295, 54.078, 93.141
CIE-LUV	73.295, 21.893, 63.51
Hunter-Lab	67.539, -6.234, 35.343
Binary	11001100, 10110011, 01001101

#ccb34d
```
#ccb34d rgb(204,179,77)
```
#4d66cc
```
#4d66cc rgb(77,102,204)
```

Complementary Color

#cc744d
```
#cc744d rgb(204,116,77)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#a6cc4d
```
#a6cc4d rgb(166,204,77)
```

Analogous Color

#744dcc
```
#744dcc rgb(116,77,204)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#4da6cc
```
#4da6cc rgb(77,166,204)
```

Split Complementary Color

#b34dcc
```
#b34dcc rgb(179,77,204)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#4dccb3
```
#4dccb3 rgb(77,204,179)
```

Triadic Color

#cc4d66
```
#cc4d66 rgb(204,77,102)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#4dccb3
```
#4dccb3 rgb(77,204,179)
```
#4d66cc
```
#4d66cc rgb(77,102,204)
```

Tetradic Color

#9f892e
```
#9f892e rgb(159,137,46)
```
#b39a33
```
#b39a33 rgb(179,154,51)
```
#c6ab39
```
#c6ab39 rgb(198,171,57)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#d2bb61
```
#d2bb61 rgb(210,187,97)
```
#d7c475
```
#d7c475 rgb(215,196,117)
```
#ddcc88
```
#ddcc88 rgb(221,204,136)
```

Monochromatic Color

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

#cc934d
```
#cc934d rgb(204,147,77)
```
#cc9e4d
```
#cc9e4d rgb(204,158,77)
```
#cca84d
```
#cca84d rgb(204,168,77)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#ccbe4d
```
#ccbe4d rgb(204,190,77)
```
#ccc84d
```
#ccc84d rgb(204,200,77)
```
#c5cc4d
```
#c5cc4d rgb(197,204,77)
```

Similar Colors

Text with hexadecimal color #ccb34d

This text has a font color of #ccb34d.

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

#ccb34d background color

This paragraph has a background color of #ccb34d.

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

#ccb34d border color

This element has a border color of #ccb34d.

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

CSS codes

.text {color:#ccb34d;}

.background {background-color:#ccb34d;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#141106
```
#141106 rgb(20,17,6)
```
#231e0a
```
#231e0a rgb(35,30,10)
```
#332c0f
```
#332c0f rgb(51,44,15)
```
#423913
```
#423913 rgb(66,57,19)
```
#514617
```
#514617 rgb(81,70,23)
```
#60531c
```
#60531c rgb(96,83,28)
```
#706020
```
#706020 rgb(112,96,32)
```
#7f6d24
```
#7f6d24 rgb(127,109,36)
```
#8e7a29
```
#8e7a29 rgb(142,122,41)
```
#9d872d
```
#9d872d rgb(157,135,45)
```
#ad9431
```
#ad9431 rgb(173,148,49)
```
#bca236
```
#bca236 rgb(188,162,54)
```

Shade Color Variation

#c8ac3e
```
#c8ac3e rgb(200,172,62)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#d0ba5c
```
#d0ba5c rgb(208,186,92)
```
#d5c06b
```
#d5c06b rgb(213,192,107)
```
#d9c77b
```
#d9c77b rgb(217,199,123)
```
#ddcd8a
```
#ddcd8a rgb(221,205,138)
```
#e2d499
```
#e2d499 rgb(226,212,153)
```
#e6daa8
```
#e6daa8 rgb(230,218,168)
```
#ebe1b8
```
#ebe1b8 rgb(235,225,184)
```
#efe7c7
```
#efe7c7 rgb(239,231,199)
```
#f3eed6
```
#f3eed6 rgb(243,238,214)
```
#f8f4e5
```
#f8f4e5 rgb(248,244,229)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979382
```
#979382 rgb(151,147,130)
```
#a09879
```
#a09879 rgb(160,152,121)
```
#a99e70
```
#a99e70 rgb(169,158,112)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#baa85f
```
#baa85f rgb(186,168,95)
```
#c3ae56
```
#c3ae56 rgb(195,174,86)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#d5b844
```
#d5b844 rgb(213,184,68)
```
#debe3b
```
#debe3b rgb(222,190,59)
```
#e6c333
```
#e6c333 rgb(230,195,51)
```
#efc82a
```
#efc82a rgb(239,200,42)
```
#f8ce21
```
#f8ce21 rgb(248,206,33)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b5b09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb856 Protanopia 1% of men
#e1af58 Deuteranopia 1% of men
#d8acb8 Tritanopia 0.001% of the population

Trichromacy

#cbb653 Protanomaly 1% of men, 0.01% of women
#d9b054 Deuteranomaly 6% of men, 0.4% of women
#d3ae91 Tritanomaly 0.01% of the population

#ccb34d hex color

#ccb34d Color Information

#ccb34d Color Conversion

Color Schemes with #ccb34d

Alternatives to #ccb34d

#ccb34d Preview

Shades and Tints of #ccb34d

Tones of #ccb34d

Color Blindness Simulator