#c4b312 hex color

In a RGB color space, hex #c4b312 is composed of 76.9% red, 70.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 90.8% yellow and 23.1% black. It has a hue angle of 54.3 degrees, a saturation of 83.2% and a lightness of 42%. #c4b312 color hex could be obtained by blending #ffff24 with #896700. Closest websafe color is: #cccc00.

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

● #c4b312 color description : Strong yellow.

The hexadecimal color #c4b312 has RGB values of R:196, G:179, B:18 and CMYK values of C:0, M:0.09, Y:0.91, K:0.23. Its decimal value is 12890898.

Hex triplet	c4b312	`#c4b312`
RGB Decimal	196, 179, 18	`rgb(196,179,18)`
RGB Percent	76.9, 70.2, 7.1	`rgb(76.9%,70.2%,7.1%)`
CMYK	0, 9, 91, 23
HSL	54.3°, 83.2, 42	`hsl(54.3,83.2%,42%)`
HSV (or HSB)	54.3°, 90.8, 76.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	72.242, -8.827, 71.964
XYZ	38.995, 44.021, 7.015
xyY	0.433, 0.489, 44.021
CIE-LCH	72.242, 72.503, 96.993
CIE-LUV	72.242, 17.554, 76.686
Hunter-Lab	66.348, -11.2, 40.175
Binary	11000100, 10110011, 00010010

#c4b312
```
#c4b312 rgb(196,179,18)
```
#1223c4
```
#1223c4 rgb(18,35,196)
```

Complementary Color

#c45a12
```
#c45a12 rgb(196,90,18)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#7cc412
```
#7cc412 rgb(124,196,18)
```

Analogous Color

#5a12c4
```
#5a12c4 rgb(90,18,196)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#127cc4
```
#127cc4 rgb(18,124,196)
```

Split Complementary Color

#b312c4
```
#b312c4 rgb(179,18,196)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#12c4b3
```
#12c4b3 rgb(18,196,179)
```

Triadic Color

#c41223
```
#c41223 rgb(196,18,35)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#12c4b3
```
#12c4b3 rgb(18,196,179)
```
#1223c4
```
#1223c4 rgb(18,35,196)
```

Tetradic Color

#7e730c
```
#7e730c rgb(126,115,12)
```
#95880e
```
#95880e rgb(149,136,14)
```
#ad9e10
```
#ad9e10 rgb(173,158,16)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#dbc814
```
#dbc814 rgb(219,200,20)
```
#ead71f
```
#ead71f rgb(234,215,31)
```
#eddb36
```
#eddb36 rgb(237,219,54)
```

Monochromatic Color

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

#c48712
```
#c48712 rgb(196,135,18)
```
#c49512
```
#c49512 rgb(196,149,18)
```
#c4a412
```
#c4a412 rgb(196,164,18)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#c4c212
```
#c4c212 rgb(196,194,18)
```
#b7c412
```
#b7c412 rgb(183,196,18)
```
#a9c412
```
#a9c412 rgb(169,196,18)
```

Similar Colors

Text with hexadecimal color #c4b312

This text has a font color of #c4b312.

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

#c4b312 background color

This paragraph has a background color of #c4b312.

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

#c4b312 border color

This element has a border color of #c4b312.

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

CSS codes

.text {color:#c4b312;}

.background {background-color:#c4b312;}

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

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, #100f02 is the darkest color, while #fffffd is the lightest one.

#100f02
```
#100f02 rgb(16,15,2)
```
#221f03
```
#221f03 rgb(34,31,3)
```
#343005
```
#343005 rgb(52,48,5)
```
#464006
```
#464006 rgb(70,64,6)
```
#585108
```
#585108 rgb(88,81,8)
```
#6a610a
```
#6a610a rgb(106,97,10)
```
#7c710b
```
#7c710b rgb(124,113,11)
```
#8e820d
```
#8e820d rgb(142,130,13)
```
#a0920f
```
#a0920f rgb(160,146,15)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#d6c314
```
#d6c314 rgb(214,195,20)
```
#e8d415
```
#e8d415 rgb(232,212,21)
```

Shade Color Variation

#ebd826
```
#ebd826 rgb(235,216,38)
```
#eddb38
```
#eddb38 rgb(237,219,56)
```
#eedf4a
```
#eedf4a rgb(238,223,74)
```
#f0e25c
```
#f0e25c rgb(240,226,92)
```
#f2e56e
```
#f2e56e rgb(242,229,110)
```
#f3e880
```
#f3e880 rgb(243,232,128)
```
#f5eb92
```
#f5eb92 rgb(245,235,146)
```
#f7efa4
```
#f7efa4 rgb(247,239,164)
```
#f8f2b6
```
#f8f2b6 rgb(248,242,182)
```
#faf5c7
```
#faf5c7 rgb(250,245,199)
```
#fcf8d9
```
#fcf8d9 rgb(252,248,217)
```
#fdfceb
```
#fdfceb rgb(253,252,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#727064
```
#727064 rgb(114,112,100)
```
#7a775c
```
#7a775c rgb(122,119,92)
```
#827e54
```
#827e54 rgb(130,126,84)
```
#8a844c
```
#8a844c rgb(138,132,76)
```
#938b43
```
#938b43 rgb(147,139,67)
```
#9b923b
```
#9b923b rgb(155,146,59)
```
#a39833
```
#a39833 rgb(163,152,51)
```
#ab9f2b
```
#ab9f2b rgb(171,159,43)
```
#b4a622
```
#b4a622 rgb(180,166,34)
```
#bcac1a
```
#bcac1a rgb(188,172,26)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#d4c002
```
#d4c002 rgb(212,192,2)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aca988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb51d Protanopia 1% of men
#e2ac28 Deuteranopia 1% of men
#d2aab6 Tritanopia 0.001% of the population

Trichromacy

#c8b419 Protanomaly 1% of men, 0.01% of women
#d7ae20 Deuteranomaly 6% of men, 0.4% of women
#cdad7a Tritanomaly 0.01% of the population

#c4b312 hex color

#c4b312 Color Information

#c4b312 Color Conversion

Color Schemes with #c4b312

Alternatives to #c4b312

#c4b312 Preview

Shades and Tints of #c4b312

Tones of #c4b312

Color Blindness Simulator