#ccb34f hex color

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

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

● #ccb34f color description : Moderate yellow.

The hexadecimal color #ccb34f has RGB values of R:204, G:179, B:79 and CMYK values of C:0, M:0.12, Y:0.61, K:0.2. Its decimal value is 13415247.

Hex triplet	ccb34f	`#ccb34f`
RGB Decimal	204, 179, 79	`rgb(204,179,79)`
RGB Percent	80, 70.2, 31	`rgb(80%,70.2%,31%)`
CMYK	0, 12, 61, 20
HSL	48°, 55.1, 55.5	`hsl(48,55.1%,55.5%)`
HSV (or HSB)	48°, 61.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.314, -2.829, 53.112
XYZ	42.433, 45.643, 13.972
xyY	0.416, 0.447, 45.643
CIE-LCH	73.314, 53.187, 93.049
CIE-LUV	73.314, 21.807, 62.762
Hunter-Lab	67.56, -6.117, 35.031
Binary	11001100, 10110011, 01001111

#ccb34f
```
#ccb34f rgb(204,179,79)
```
#4f68cc
```
#4f68cc rgb(79,104,204)
```

Complementary Color

#cc754f
```
#cc754f rgb(204,117,79)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#a7cc4f
```
#a7cc4f rgb(167,204,79)
```

Analogous Color

#754fcc
```
#754fcc rgb(117,79,204)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#4fa7cc
```
#4fa7cc rgb(79,167,204)
```

Split Complementary Color

#b34fcc
```
#b34fcc rgb(179,79,204)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#4fccb3
```
#4fccb3 rgb(79,204,179)
```

Triadic Color

#cc4f68
```
#cc4f68 rgb(204,79,104)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#4fccb3
```
#4fccb3 rgb(79,204,179)
```
#4f68cc
```
#4f68cc rgb(79,104,204)
```

Tetradic Color

#a0892e
```
#a0892e rgb(160,137,46)
```
#b49a34
```
#b49a34 rgb(180,154,52)
```
#c6aa3b
```
#c6aa3b rgb(198,170,59)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#d2bc63
```
#d2bc63 rgb(210,188,99)
```
#d7c477
```
#d7c477 rgb(215,196,119)
```
#ddcd8a
```
#ddcd8a rgb(221,205,138)
```

Monochromatic Color

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

#cc944f
```
#cc944f rgb(204,148,79)
```
#cc9e4f
```
#cc9e4f rgb(204,158,79)
```
#cca94f
```
#cca94f rgb(204,169,79)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#ccbd4f
```
#ccbd4f rgb(204,189,79)
```
#ccc84f
```
#ccc84f rgb(204,200,79)
```
#c6cc4f
```
#c6cc4f rgb(198,204,79)
```

Similar Colors

Text with hexadecimal color #ccb34f

This text has a font color of #ccb34f.

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

#ccb34f background color

This paragraph has a background color of #ccb34f.

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

#ccb34f border color

This element has a border color of #ccb34f.

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

CSS codes

.text {color:#ccb34f;}

.background {background-color:#ccb34f;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#161306
```
#161306 rgb(22,19,6)
```
#25200b
```
#25200b rgb(37,32,11)
```
#342d0f
```
#342d0f rgb(52,45,15)
```
#433a14
```
#433a14 rgb(67,58,20)
```
#534718
```
#534718 rgb(83,71,24)
```
#62541c
```
#62541c rgb(98,84,28)
```
#716121
```
#716121 rgb(113,97,33)
```
#806e25
```
#806e25 rgb(128,110,37)
```
#8f7b2a
```
#8f7b2a rgb(143,123,42)
```
#9f882e
```
#9f882e rgb(159,136,46)
```
#ae9532
```
#ae9532 rgb(174,149,50)
```
#bda237
```
#bda237 rgb(189,162,55)
```

Shade Color Variation

#c8ac40
```
#c8ac40 rgb(200,172,64)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#d0ba5e
```
#d0ba5e rgb(208,186,94)
```
#d5c06d
```
#d5c06d rgb(213,192,109)
```
#d9c77d
```
#d9c77d rgb(217,199,125)
```
#decd8c
```
#decd8c rgb(222,205,140)
```
#e2d49b
```
#e2d49b rgb(226,212,155)
```
#e6daaa
```
#e6daaa rgb(230,218,170)
```
#ebe1b9
```
#ebe1b9 rgb(235,225,185)
```
#efe8c9
```
#efe8c9 rgb(239,232,201)
```
#f4eed8
```
#f4eed8 rgb(244,238,216)
```
#f8f5e7
```
#f8f5e7 rgb(248,245,231)
```
#fcfbf6
```
#fcfbf6 rgb(252,251,246)
```

Tint Color Variation

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

#8f8e8c
```
#8f8e8c rgb(143,142,140)
```
#989483
```
#989483 rgb(152,148,131)
```
#a0997b
```
#a0997b rgb(160,153,123)
```
#a99e72
```
#a99e72 rgb(169,158,114)
```
#b2a369
```
#b2a369 rgb(178,163,105)
```
#bba960
```
#bba960 rgb(187,169,96)
```
#c3ae58
```
#c3ae58 rgb(195,174,88)
```
#ccb34f
```
#ccb34f rgb(204,179,79)
```
#d5b846
```
#d5b846 rgb(213,184,70)
```
#ddbd3e
```
#ddbd3e rgb(221,189,62)
```
#e6c335
```
#e6c335 rgb(230,195,53)
```
#efc82c
```
#efc82c rgb(239,200,44)
```
#f8cd23
```
#f8cd23 rgb(248,205,35)
```

Tone Color Variation

Below, you can see how #ccb34f 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
#b5b09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb858 Protanopia 1% of men
#e1af5a Deuteranopia 1% of men
#d7acb8 Tritanopia 0.001% of the population

Trichromacy

#cbb655 Protanomaly 1% of men, 0.01% of women
#d9b056 Deuteranomaly 6% of men, 0.4% of women
#d3ae92 Tritanomaly 0.01% of the population

#ccb34f hex color

#ccb34f Color Information

#ccb34f Color Conversion

Color Schemes with #ccb34f

Alternatives to #ccb34f

#ccb34f Preview

Shades and Tints of #ccb34f

Tones of #ccb34f

Color Blindness Simulator