#c4b228 hex color

In a RGB color space, hex #c4b228 is composed of 76.9% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.2% magenta, 79.6% yellow and 23.1% black. It has a hue angle of 53.1 degrees, a saturation of 66.1% and a lightness of 46.3%. #c4b228 color hex could be obtained by blending #ffff50 with #896500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 70
- B 16
RGB color chart
- C 0
- M 9
- Y 80
- K 23
CMYK color chart

● #c4b228 color description : Strong yellow.

The hexadecimal color #c4b228 has RGB values of R:196, G:178, B:40 and CMYK values of C:0, M:0.09, Y:0.8, K:0.23. Its decimal value is 12890664.

Hex triplet	c4b228	`#c4b228`
RGB Decimal	196, 178, 40	`rgb(196,178,40)`
RGB Percent	76.9, 69.8, 15.7	`rgb(76.9%,69.8%,15.7%)`
CMYK	0, 9, 80, 23
HSL	53.1°, 66.1, 46.3	`hsl(53.1,66.1%,46.3%)`
HSV (or HSB)	53.1°, 79.6, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.048, -7.755, 66.699
XYZ	39.069, 43.731, 8.39
xyY	0.428, 0.48, 43.731
CIE-LCH	72.048, 67.149, 96.632
CIE-LUV	72.048, 17.933, 73.193
Hunter-Lab	66.129, -10.27, 38.768
Binary	11000100, 10110010, 00101000

#c4b228
```
#c4b228 rgb(196,178,40)
```
#283ac4
```
#283ac4 rgb(40,58,196)
```

Complementary Color

#c46428
```
#c46428 rgb(196,100,40)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#88c428
```
#88c428 rgb(136,196,40)
```

Analogous Color

#6428c4
```
#6428c4 rgb(100,40,196)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#2888c4
```
#2888c4 rgb(40,136,196)
```

Split Complementary Color

#b228c4
```
#b228c4 rgb(178,40,196)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#28c4b2
```
#28c4b2 rgb(40,196,178)
```

Triadic Color

#c4283a
```
#c4283a rgb(196,40,58)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#28c4b2
```
#28c4b2 rgb(40,196,178)
```
#283ac4
```
#283ac4 rgb(40,58,196)
```

Tetradic Color

#84781b
```
#84781b rgb(132,120,27)
```
#9a8c1f
```
#9a8c1f rgb(154,140,31)
```
#af9f24
```
#af9f24 rgb(175,159,36)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#d5c231
```
#d5c231 rgb(213,194,49)
```
#d9c846
```
#d9c846 rgb(217,200,70)
```
#dece5b
```
#dece5b rgb(222,206,91)
```

Monochromatic Color

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

#c48b28
```
#c48b28 rgb(196,139,40)
```
#c49828
```
#c49828 rgb(196,152,40)
```
#c4a528
```
#c4a528 rgb(196,165,40)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#c4bf28
```
#c4bf28 rgb(196,191,40)
```
#bcc428
```
#bcc428 rgb(188,196,40)
```
#afc428
```
#afc428 rgb(175,196,40)
```

Similar Colors

Text with hexadecimal color #c4b228

This text has a font color of #c4b228.

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

#c4b228 background color

This paragraph has a background color of #c4b228.

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

#c4b228 border color

This element has a border color of #c4b228.

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

CSS codes

.text {color:#c4b228;}

.background {background-color:#c4b228;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110f03
```
#110f03 rgb(17,15,3)
```
#211e07
```
#211e07 rgb(33,30,7)
```
#312d0a
```
#312d0a rgb(49,45,10)
```
#423c0d
```
#423c0d rgb(66,60,13)
```
#524a11
```
#524a11 rgb(82,74,17)
```
#625914
```
#625914 rgb(98,89,20)
```
#736817
```
#736817 rgb(115,104,23)
```
#83771b
```
#83771b rgb(131,119,27)
```
#93861e
```
#93861e rgb(147,134,30)
```
#a39421
```
#a39421 rgb(163,148,33)
```
#b4a325
```
#b4a325 rgb(180,163,37)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```

Shade Color Variation

#d4c02c
```
#d4c02c rgb(212,192,44)
```
#d7c53c
```
#d7c53c rgb(215,197,60)
```
#dbca4c
```
#dbca4c rgb(219,202,76)
```
#decf5d
```
#decf5d rgb(222,207,93)
```
#e1d46d
```
#e1d46d rgb(225,212,109)
```
#e5d97d
```
#e5d97d rgb(229,217,125)
```
#e8dd8d
```
#e8dd8d rgb(232,221,141)
```
#ebe29e
```
#ebe29e rgb(235,226,158)
```
#eee7ae
```
#eee7ae rgb(238,231,174)
```
#f2ecbe
```
#f2ecbe rgb(242,236,190)
```
#f5f1cf
```
#f5f1cf rgb(245,241,207)
```
#f8f6df
```
#f8f6df rgb(248,246,223)
```
#fcfaef
```
#fcfaef rgb(252,250,239)
```

Tint Color Variation

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

#7b7a71
```
#7b7a71 rgb(123,122,113)
```
#848168
```
#848168 rgb(132,129,104)
```
#8e885e
```
#8e885e rgb(142,136,94)
```
#978f55
```
#978f55 rgb(151,143,85)
```
#a0964c
```
#a0964c rgb(160,150,76)
```
#a99d43
```
#a99d43 rgb(169,157,67)
```
#b2a43a
```
#b2a43a rgb(178,164,58)
```
#bbab31
```
#bbab31 rgb(187,171,49)
```
#c4b228
```
#c4b228 rgb(196,178,40)
```
#cdb91f
```
#cdb91f rgb(205,185,31)
```
#d6c016
```
#d6c016 rgb(214,192,22)
```
#dfc70d
```
#dfc70d rgb(223,199,13)
```
#e8ce04
```
#e8ce04 rgb(232,206,4)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aeaa8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b532 Protanopia 1% of men
#e0ac38 Deuteranopia 1% of men
#d1aab6 Tritanopia 0.001% of the population

Trichromacy

#c7b32e Protanomaly 1% of men, 0.01% of women
#d6ae32 Deuteranomaly 6% of men, 0.4% of women
#ccad82 Tritanomaly 0.01% of the population

#c4b228 hex color

#c4b228 Color Information

#c4b228 Color Conversion

Color Schemes with #c4b228

Alternatives to #c4b228

#c4b228 Preview

Shades and Tints of #c4b228

Tones of #c4b228

Color Blindness Simulator