#ccbc62 hex color

In a RGB color space, hex #ccbc62 is composed of 80% red, 73.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 52% yellow and 20% black. It has a hue angle of 50.9 degrees, a saturation of 51% and a lightness of 59.2%. #ccbc62 color hex could be obtained by blending #ffffc4 with #997900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 74
- B 38
RGB color chart
- C 0
- M 8
- Y 52
- K 20
CMYK color chart

● #ccbc62 color description : Moderate yellow.

The hexadecimal color #ccbc62 has RGB values of R:204, G:188, B:98 and CMYK values of C:0, M:0.08, Y:0.52, K:0.2. Its decimal value is 13417570.

Hex triplet	ccbc62	`#ccbc62`
RGB Decimal	204, 188, 98	`rgb(204,188,98)`
RGB Percent	80, 73.7, 38.4	`rgb(80%,73.7%,38.4%)`
CMYK	0, 8, 52, 20
HSL	50.9°, 51, 59.2	`hsl(50.9,51%,59.2%)`
HSV (or HSB)	50.9°, 52, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.877, -6.063, 47.099
XYZ	45.09, 49.687, 18.77
xyY	0.397, 0.438, 49.687
CIE-LCH	75.877, 47.487, 97.336
CIE-LUV	75.877, 14.967, 58.995
Hunter-Lab	70.489, -9.174, 33.554
Binary	11001100, 10111100, 01100010

#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#6272cc
```
#6272cc rgb(98,114,204)
```

Complementary Color

#cc8762
```
#cc8762 rgb(204,135,98)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#a7cc62
```
#a7cc62 rgb(167,204,98)
```

Analogous Color

#8762cc
```
#8762cc rgb(135,98,204)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#62a7cc
```
#62a7cc rgb(98,167,204)
```

Split Complementary Color

#bc62cc
```
#bc62cc rgb(188,98,204)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#62ccbc
```
#62ccbc rgb(98,204,188)
```

Triadic Color

#cc6272
```
#cc6272 rgb(204,98,114)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#62ccbc
```
#62ccbc rgb(98,204,188)
```
#6272cc
```
#6272cc rgb(98,114,204)
```

Tetradic Color

#aa9937
```
#aa9937 rgb(170,153,55)
```
#bdaa3e
```
#bdaa3e rgb(189,170,62)
```
#c6b44f
```
#c6b44f rgb(198,180,79)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#d2c475
```
#d2c475 rgb(210,196,117)
```
#d9cc88
```
#d9cc88 rgb(217,204,136)
```
#dfd59c
```
#dfd59c rgb(223,213,156)
```

Monochromatic Color

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

#cca262
```
#cca262 rgb(204,162,98)
```
#ccaa62
```
#ccaa62 rgb(204,170,98)
```
#ccb362
```
#ccb362 rgb(204,179,98)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#ccc562
```
#ccc562 rgb(204,197,98)
```
#cacc62
```
#cacc62 rgb(202,204,98)
```
#c2cc62
```
#c2cc62 rgb(194,204,98)
```

Similar Colors

Text with hexadecimal color #ccbc62

This text has a font color of #ccbc62.

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

#ccbc62 background color

This paragraph has a background color of #ccbc62.

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

#ccbc62 border color

This element has a border color of #ccbc62.

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

CSS codes

.text {color:#ccbc62;}

.background {background-color:#ccbc62;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#151307
```
#151307 rgb(21,19,7)
```
#23200c
```
#23200c rgb(35,32,12)
```
#322d10
```
#322d10 rgb(50,45,16)
```
#413a15
```
#413a15 rgb(65,58,21)
```
#50481a
```
#50481a rgb(80,72,26)
```
#5f551f
```
#5f551f rgb(95,85,31)
```
#6e6224
```
#6e6224 rgb(110,98,36)
```
#7c7028
```
#7c7028 rgb(124,112,40)
```
#8b7d2d
```
#8b7d2d rgb(139,125,45)
```
#9a8a32
```
#9a8a32 rgb(154,138,50)
```
#a99837
```
#a99837 rgb(169,152,55)
```
#b8a53c
```
#b8a53c rgb(184,165,60)
```

Shade Color Variation

#c2af44
```
#c2af44 rgb(194,175,68)
```
#c7b653
```
#c7b653 rgb(199,182,83)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#d1c271
```
#d1c271 rgb(209,194,113)
```
#d6c980
```
#d6c980 rgb(214,201,128)
```
#dacf8e
```
#dacf8e rgb(218,207,142)
```
#dfd59d
```
#dfd59d rgb(223,213,157)
```
#e4dcac
```
#e4dcac rgb(228,220,172)
```
#e9e2bb
```
#e9e2bb rgb(233,226,187)
```
#eee8ca
```
#eee8ca rgb(238,232,202)
```
#f2efd8
```
#f2efd8 rgb(242,239,216)
```
#f7f5e7
```
#f7f5e7 rgb(247,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, #9c9a92 is the less saturated color, while #fcde32 is the most saturated one.

#9c9a92
```
#9c9a92 rgb(156,154,146)
```
#a4a08a
```
#a4a08a rgb(164,160,138)
```
#aca682
```
#aca682 rgb(172,166,130)
```
#b4ab7a
```
#b4ab7a rgb(180,171,122)
```
#bcb172
```
#bcb172 rgb(188,177,114)
```
#c4b66a
```
#c4b66a rgb(196,182,106)
```
#ccbc62
```
#ccbc62 rgb(204,188,98)
```
#d4c25a
```
#d4c25a rgb(212,194,90)
```
#dcc752
```
#dcc752 rgb(220,199,82)
```
#e4cd4a
```
#e4cd4a rgb(228,205,74)
```
#ecd242
```
#ecd242 rgb(236,210,66)
```
#f4d83a
```
#f4d83a rgb(244,216,58)
```
#fcde32
```
#fcde32 rgb(252,222,50)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1be69 Protanopia 1% of men
#e7b66d Deuteranopia 1% of men
#d8b5c2 Tritanopia 0.001% of the population

Trichromacy

#cfbd67 Protanomaly 1% of men, 0.01% of women
#ddb869 Deuteranomaly 6% of men, 0.4% of women
#d3b79f Tritanomaly 0.01% of the population

#ccbc62 hex color

#ccbc62 Color Information

#ccbc62 Color Conversion

Color Schemes with #ccbc62

Alternatives to #ccbc62

#ccbc62 Preview

Shades and Tints of #ccbc62

Tones of #ccbc62

Color Blindness Simulator