#c4b946 hex color

In a RGB color space, hex #c4b946 is composed of 76.9% red, 72.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.6% magenta, 64.3% yellow and 23.1% black. It has a hue angle of 54.8 degrees, a saturation of 51.6% and a lightness of 52.2%. #c4b946 color hex could be obtained by blending #ffff8c with #897300. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 77
- G 73
- B 27
RGB color chart
- C 0
- M 6
- Y 64
- K 23
CMYK color chart

● #c4b946 color description : Moderate yellow.

The hexadecimal color #c4b946 has RGB values of R:196, G:185, B:70 and CMYK values of C:0, M:0.06, Y:0.64, K:0.23. Its decimal value is 12892486.

Hex triplet	c4b946	`#c4b946`
RGB Decimal	196, 185, 70	`rgb(196,185,70)`
RGB Percent	76.9, 72.5, 27.5	`rgb(76.9%,72.5%,27.5%)`
CMYK	0, 6, 64, 23
HSL	54.8°, 51.6, 52.2	`hsl(54.8,51.6%,52.2%)`
HSV (or HSB)	54.8°, 64.3, 76.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.111, -9.945, 57.72
XYZ	41.219, 46.877, 12.671
xyY	0.409, 0.465, 46.877
CIE-LCH	74.111, 58.57, 99.776
CIE-LUV	74.111, 12.426, 68.31
Hunter-Lab	68.467, -12.353, 36.954
Binary	11000100, 10111001, 01000110

#c4b946
```
#c4b946 rgb(196,185,70)
```
#4651c4
```
#4651c4 rgb(70,81,196)
```

Complementary Color

#c47a46
```
#c47a46 rgb(196,122,70)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#90c446
```
#90c446 rgb(144,196,70)
```

Analogous Color

#7a46c4
```
#7a46c4 rgb(122,70,196)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#4690c4
```
#4690c4 rgb(70,144,196)
```

Split Complementary Color

#b946c4
```
#b946c4 rgb(185,70,196)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#46c4b9
```
#46c4b9 rgb(70,196,185)
```

Triadic Color

#c44651
```
#c44651 rgb(196,70,81)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#46c4b9
```
#46c4b9 rgb(70,196,185)
```
#4651c4
```
#4651c4 rgb(70,81,196)
```

Tetradic Color

#90872e
```
#90872e rgb(144,135,46)
```
#a39934
```
#a39934 rgb(163,153,52)
```
#b6ac3a
```
#b6ac3a rgb(182,172,58)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#cac059
```
#cac059 rgb(202,192,89)
```
#d0c86d
```
#d0c86d rgb(208,200,109)
```
#d6cf80
```
#d6cf80 rgb(214,207,128)
```

Monochromatic Color

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

#c49a46
```
#c49a46 rgb(196,154,70)
```
#c4a446
```
#c4a446 rgb(196,164,70)
```
#c4af46
```
#c4af46 rgb(196,175,70)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#c4c446
```
#c4c446 rgb(196,196,70)
```
#bac446
```
#bac446 rgb(186,196,70)
```
#b0c446
```
#b0c446 rgb(176,196,70)
```

Similar Colors

Text with hexadecimal color #c4b946

This text has a font color of #c4b946.

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

#c4b946 background color

This paragraph has a background color of #c4b946.

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

#c4b946 border color

This element has a border color of #c4b946.

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

CSS codes

.text {color:#c4b946;}

.background {background-color:#c4b946;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171607
```
#171607 rgb(23,22,7)
```
#26240c
```
#26240c rgb(38,36,12)
```
#353211
```
#353211 rgb(53,50,17)
```
#444016
```
#444016 rgb(68,64,22)
```
#534e1a
```
#534e1a rgb(83,78,26)
```
#625c1f
```
#625c1f rgb(98,92,31)
```
#706a24
```
#706a24 rgb(112,106,36)
```
#7f7829
```
#7f7829 rgb(127,120,41)
```
#8e862d
```
#8e862d rgb(142,134,45)
```
#9d9432
```
#9d9432 rgb(157,148,50)
```
#aca237
```
#aca237 rgb(172,162,55)
```
#bbb03c
```
#bbb03c rgb(187,176,60)
```

Shade Color Variation

#c4b946
```
#c4b946 rgb(196,185,70)
```
#c9bf55
```
#c9bf55 rgb(201,191,85)
```
#cdc464
```
#cdc464 rgb(205,196,100)
```
#d2ca73
```
#d2ca73 rgb(210,202,115)
```
#d7d081
```
#d7d081 rgb(215,208,129)
```
#dcd590
```
#dcd590 rgb(220,213,144)
```
#e0db9f
```
#e0db9f rgb(224,219,159)
```
#e5e0ae
```
#e5e0ae rgb(229,224,174)
```
#eae6bd
```
#eae6bd rgb(234,230,189)
```
#efeccc
```
#efeccc rgb(239,236,204)
```
#f3f1db
```
#f3f1db rgb(243,241,219)
```
#f8f7ea
```
#f8f7ea rgb(248,247,234)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#8c8b7e
```
#8c8b7e rgb(140,139,126)
```
#959275
```
#959275 rgb(149,146,117)
```
#9e9a6c
```
#9e9a6c rgb(158,154,108)
```
#a8a262
```
#a8a262 rgb(168,162,98)
```
#b1aa59
```
#b1aa59 rgb(177,170,89)
```
#bbb14f
```
#bbb14f rgb(187,177,79)
```
#c4b946
```
#c4b946 rgb(196,185,70)
```
#cdc13d
```
#cdc13d rgb(205,193,61)
```
#d7c833
```
#d7c833 rgb(215,200,51)
```
#e0d02a
```
#e0d02a rgb(224,208,42)
```
#ead820
```
#ead820 rgb(234,216,32)
```
#f3e017
```
#f3e017 rgb(243,224,23)
```
#fce70e
```
#fce70e rgb(252,231,14)
```

Tone Color Variation

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

Dichromacy

#ceba4e Protanopia 1% of men
#e4b153 Deuteranopia 1% of men
#d2b1bd Tritanopia 0.001% of the population

Trichromacy

#cab94b Protanomaly 1% of men, 0.01% of women
#d8b44e Deuteranomaly 6% of men, 0.4% of women
#ccb492 Tritanomaly 0.01% of the population

#c4b946 hex color

#c4b946 Color Information

#c4b946 Color Conversion

Color Schemes with #c4b946

Alternatives to #c4b946

#c4b946 Preview

Shades and Tints of #c4b946

Tones of #c4b946

Color Blindness Simulator