#ccbc58 hex color

In a RGB color space, hex #ccbc58 is composed of 80% red, 73.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 56.9% yellow and 20% black. It has a hue angle of 51.7 degrees, a saturation of 53.2% and a lightness of 57.3%. #ccbc58 color hex could be obtained by blending #ffffb0 with #997900. Closest websafe color is: #cccc66.

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

● #ccbc58 color description : Moderate yellow.

The hexadecimal color #ccbc58 has RGB values of R:204, G:188, B:88 and CMYK values of C:0, M:0.08, Y:0.57, K:0.2. Its decimal value is 13417560.

Hex triplet	ccbc58	`#ccbc58`
RGB Decimal	204, 188, 88	`rgb(204,188,88)`
RGB Percent	80, 73.7, 34.5	`rgb(80%,73.7%,34.5%)`
CMYK	0, 8, 57, 20
HSL	51.7°, 53.2, 57.3	`hsl(51.7,53.2%,57.3%)`
HSV (or HSB)	51.7°, 56.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.767, -6.873, 51.728
XYZ	44.647, 49.51, 16.437
xyY	0.404, 0.448, 49.51
CIE-LCH	75.767, 52.183, 97.569
CIE-LUV	75.767, 15.392, 63.313
Hunter-Lab	70.363, -9.874, 35.404
Binary	11001100, 10111100, 01011000

#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#5868cc
```
#5868cc rgb(88,104,204)
```

Complementary Color

#cc8258
```
#cc8258 rgb(204,130,88)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#a2cc58
```
#a2cc58 rgb(162,204,88)
```

Analogous Color

#8258cc
```
#8258cc rgb(130,88,204)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#58a2cc
```
#58a2cc rgb(88,162,204)
```

Split Complementary Color

#bc58cc
```
#bc58cc rgb(188,88,204)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#58ccbc
```
#58ccbc rgb(88,204,188)
```

Triadic Color

#cc5868
```
#cc5868 rgb(204,88,104)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#58ccbc
```
#58ccbc rgb(88,204,188)
```
#5868cc
```
#5868cc rgb(88,104,204)
```

Tetradic Color

#a59532
```
#a59532 rgb(165,149,50)
```
#b9a738
```
#b9a738 rgb(185,167,56)
```
#c6b444
```
#c6b444 rgb(198,180,68)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#d2c46c
```
#d2c46c rgb(210,196,108)
```
#d8cc7f
```
#d8cc7f rgb(216,204,127)
```
#ded493
```
#ded493 rgb(222,212,147)
```

Monochromatic Color

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

#cc9f58
```
#cc9f58 rgb(204,159,88)
```
#cca958
```
#cca958 rgb(204,169,88)
```
#ccb258
```
#ccb258 rgb(204,178,88)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#ccc658
```
#ccc658 rgb(204,198,88)
```
#c9cc58
```
#c9cc58 rgb(201,204,88)
```
#bfcc58
```
#bfcc58 rgb(191,204,88)
```

Similar Colors

Text with hexadecimal color #ccbc58

This text has a font color of #ccbc58.

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

#ccbc58 background color

This paragraph has a background color of #ccbc58.

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

#ccbc58 border color

This element has a border color of #ccbc58.

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

CSS codes

.text {color:#ccbc58;}

.background {background-color:#ccbc58;}

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

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, #0d0c04 is the darkest color, while #fefefd is the lightest one.

#0d0c04
```
#0d0c04 rgb(13,12,4)
```
#1c1a09
```
#1c1a09 rgb(28,26,9)
```
#2b270d
```
#2b270d rgb(43,39,13)
```
#3a3512
```
#3a3512 rgb(58,53,18)
```
#494216
```
#494216 rgb(73,66,22)
```
#58501b
```
#58501b rgb(88,80,27)
```
#675e20
```
#675e20 rgb(103,94,32)
```
#776b24
```
#776b24 rgb(119,107,36)
```
#867929
```
#867929 rgb(134,121,41)
```
#95862d
```
#95862d rgb(149,134,45)
```
#a49432
```
#a49432 rgb(164,148,50)
```
#b3a137
```
#b3a137 rgb(179,161,55)
```
#c2af3b
```
#c2af3b rgb(194,175,59)
```

Shade Color Variation

#c7b649
```
#c7b649 rgb(199,182,73)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#d1c267
```
#d1c267 rgb(209,194,103)
```
#d5c876
```
#d5c876 rgb(213,200,118)
```
#dace85
```
#dace85 rgb(218,206,133)
```
#ded494
```
#ded494 rgb(222,212,148)
```
#e3daa3
```
#e3daa3 rgb(227,218,163)
```
#e8e0b2
```
#e8e0b2 rgb(232,224,178)
```
#ece6c1
```
#ece6c1 rgb(236,230,193)
```
#f1ecd0
```
#f1ecd0 rgb(241,236,208)
```
#f5f2df
```
#f5f2df rgb(245,242,223)
```
#faf8ee
```
#faf8ee rgb(250,248,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9a988a
```
#9a988a rgb(154,152,138)
```
#a29e82
```
#a29e82 rgb(162,158,130)
```
#aaa47a
```
#aaa47a rgb(170,164,122)
```
#b3aa71
```
#b3aa71 rgb(179,170,113)
```
#bbb069
```
#bbb069 rgb(187,176,105)
```
#c4b660
```
#c4b660 rgb(196,182,96)
```
#ccbc58
```
#ccbc58 rgb(204,188,88)
```
#d4c250
```
#d4c250 rgb(212,194,80)
```
#ddc847
```
#ddc847 rgb(221,200,71)
```
#e5ce3f
```
#e5ce3f rgb(229,206,63)
```
#eed436
```
#eed436 rgb(238,212,54)
```
#f6da2e
```
#f6da2e rgb(246,218,46)
```
#fee026
```
#fee026 rgb(254,224,38)
```

Tone Color Variation

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

Dichromacy

#d1be60 Protanopia 1% of men
#e8b564 Deuteranopia 1% of men
#d8b4c1 Tritanopia 0.001% of the population

Trichromacy

#cfbd5d Protanomaly 1% of men, 0.01% of women
#ddb85f Deuteranomaly 6% of men, 0.4% of women
#d4b79b Tritanomaly 0.01% of the population

#ccbc58 hex color

#ccbc58 Color Information

#ccbc58 Color Conversion

Color Schemes with #ccbc58

Alternatives to #ccbc58

#ccbc58 Preview

Shades and Tints of #ccbc58

Tones of #ccbc58

Color Blindness Simulator