colorhexa.com

#c5bf56 hex color

In a RGB color space, hex #c5bf56 is composed of 77.3% red, 74.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3% magenta, 56.3% yellow and 22.7% black. It has a hue angle of 56.8 degrees, a saturation of 48.9% and a lightness of 55.5%. #c5bf56 color hex could be obtained by blending #ffffac with #8b7f00. Closest websafe color is: #cccc66.

- R 77
- G 75
- B 34
RGB color chart
- C 0
- M 3
- Y 56
- K 23
CMYK color chart

● #c5bf56 color description : Moderate yellow.

The hexadecimal color #c5bf56 has RGB values of R:197, G:191, B:86 and CMYK values of C:0, M:0.03, Y:0.56, K:0.23. Its decimal value is 12959574.

Hex triplet	c5bf56	`#c5bf56`
RGB Decimal	197, 191, 86	`rgb(197,191,86)`
RGB Percent	77.3, 74.9, 33.7	`rgb(77.3%,74.9%,33.7%)`
CMYK	0, 3, 56, 23
HSL	56.8°, 48.9, 55.5	`hsl(56.8,48.9%,55.5%)`
HSV (or HSB)	56.8°, 56.3, 77.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.949, -11.497, 52.699
XYZ	43.336, 49.805, 16.134
xyY	0.397, 0.456, 49.805
CIE-LCH	75.949, 53.939, 102.307
CIE-LUV	75.949, 8.706, 65.207
Hunter-Lab	70.572, -13.89, 35.846
Binary	11000101, 10111111, 01010110

#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#565cc5
```
#565cc5 rgb(86,92,197)
```

Complementary Color

#c58856
```
#c58856 rgb(197,136,86)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#94c556
```
#94c556 rgb(148,197,86)
```

Analogous Color

#8856c5
```
#8856c5 rgb(136,86,197)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#5694c5
```
#5694c5 rgb(86,148,197)
```

Split Complementary Color

#bf56c5
```
#bf56c5 rgb(191,86,197)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#56c5bf
```
#56c5bf rgb(86,197,191)
```

Triadic Color

#c5565c
```
#c5565c rgb(197,86,92)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#56c5bf
```
#56c5bf rgb(86,197,191)
```
#565cc5
```
#565cc5 rgb(86,92,197)
```

Tetradic Color

#9a9435
```
#9a9435 rgb(154,148,53)
```
#ada73b
```
#ada73b rgb(173,167,59)
```
#beb843
```
#beb843 rgb(190,184,67)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#ccc669
```
#ccc669 rgb(204,198,105)
```
#d2cd7c
```
#d2cd7c rgb(210,205,124)
```
#d9d58f
```
#d9d58f rgb(217,213,143)
```

Monochromatic Color

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

#c5a356
```
#c5a356 rgb(197,163,86)
```
#c5ad56
```
#c5ad56 rgb(197,173,86)
```
#c5b656
```
#c5b656 rgb(197,182,86)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#c2c556
```
#c2c556 rgb(194,197,86)
```
#b9c556
```
#b9c556 rgb(185,197,86)
```
#afc556
```
#afc556 rgb(175,197,86)
```

Similar Colors

Text with hexadecimal color #c5bf56

This text has a font color of #c5bf56.

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

#c5bf56 background color

This paragraph has a background color of #c5bf56.

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

#c5bf56 border color

This element has a border color of #c5bf56.

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

CSS codes

.text {color:#c5bf56;}

.background {background-color:#c5bf56;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151407
```
#151407 rgb(21,20,7)
```
#23220c
```
#23220c rgb(35,34,12)
```
#323011
```
#323011 rgb(50,48,17)
```
#413e16
```
#413e16 rgb(65,62,22)
```
#4f4c1b
```
#4f4c1b rgb(79,76,27)
```
#5e5b20
```
#5e5b20 rgb(94,91,32)
```
#6c6925
```
#6c6925 rgb(108,105,37)
```
#7b772a
```
#7b772a rgb(123,119,42)
```
#8a852f
```
#8a852f rgb(138,133,47)
```
#989334
```
#989334 rgb(152,147,52)
```
#a7a139
```
#a7a139 rgb(167,161,57)
```
#b5af3e
```
#b5af3e rgb(181,175,62)
```

Shade Color Variation

#c0b947
```
#c0b947 rgb(192,185,71)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#cac565
```
#cac565 rgb(202,197,101)
```
#cfca73
```
#cfca73 rgb(207,202,115)
```
#d4d082
```
#d4d082 rgb(212,208,130)
```
#d9d590
```
#d9d590 rgb(217,213,144)
```
#dedb9f
```
#dedb9f rgb(222,219,159)
```
#e3e0ae
```
#e3e0ae rgb(227,224,174)
```
#e8e6bc
```
#e8e6bc rgb(232,230,188)
```
#edebcb
```
#edebcb rgb(237,235,203)
```
#f2f1d9
```
#f2f1d9 rgb(242,241,217)
```
#f7f6e8
```
#f7f6e8 rgb(247,246,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#91908a
```
#91908a rgb(145,144,138)
```
#999882
```
#999882 rgb(153,152,130)
```
#a2a079
```
#a2a079 rgb(162,160,121)
```
#aba870
```
#aba870 rgb(171,168,112)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#bcb75f
```
#bcb75f rgb(188,183,95)
```
#c5bf56
```
#c5bf56 rgb(197,191,86)
```
#cec74d
```
#cec74d rgb(206,199,77)
```
#d6cf45
```
#d6cf45 rgb(214,207,69)
```
#dfd63c
```
#dfd63c rgb(223,214,60)
```
#e8de33
```
#e8de33 rgb(232,222,51)
```
#f1e62a
```
#f1e62a rgb(241,230,42)
```
#f9ee22
```
#f9ee22 rgb(249,238,34)
```

Tone Color Variation

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

Dichromacy

#d2be5d Protanopia 1% of men
#e8b663 Deuteranopia 1% of men
#d3b7c4 Tritanopia 0.001% of the population

Trichromacy

#cdbe5a Protanomaly 1% of men, 0.01% of women
#dbb95e Deuteranomaly 6% of men, 0.4% of women
#ceba9c Tritanomaly 0.01% of the population