#c4b31f hex color

In a RGB color space, hex #c4b31f is composed of 76.9% red, 70.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 84.2% yellow and 23.1% black. It has a hue angle of 53.8 degrees, a saturation of 72.7% and a lightness of 44.5%. #c4b31f color hex could be obtained by blending #ffff3e with #896700. Closest websafe color is: #cccc33.

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

● #c4b31f color description : Strong yellow.

The hexadecimal color #c4b31f has RGB values of R:196, G:179, B:31 and CMYK values of C:0, M:0.09, Y:0.84, K:0.23. Its decimal value is 12890911.

Hex triplet	c4b31f	`#c4b31f`
RGB Decimal	196, 179, 31	`rgb(196,179,31)`
RGB Percent	76.9, 70.2, 12.2	`rgb(76.9%,70.2%,12.2%)`
CMYK	0, 9, 84, 23
HSL	53.8°, 72.7, 44.5	`hsl(53.8,72.7%,44.5%)`
HSV (or HSB)	53.8°, 84.2, 76.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	72.279, -8.548, 69.347
XYZ	39.133, 44.076, 7.743
xyY	0.43, 0.485, 44.076
CIE-LCH	72.279, 69.872, 97.027
CIE-LUV	72.279, 17.394, 75.122
Hunter-Lab	66.39, -10.967, 39.558
Binary	11000100, 10110011, 00011111

#c4b31f
```
#c4b31f rgb(196,179,31)
```
#1f30c4
```
#1f30c4 rgb(31,48,196)
```

Complementary Color

#c4611f
```
#c4611f rgb(196,97,31)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#83c41f
```
#83c41f rgb(131,196,31)
```

Analogous Color

#601fc4
```
#601fc4 rgb(96,31,196)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#1f83c4
```
#1f83c4 rgb(31,131,196)
```

Split Complementary Color

#b31fc4
```
#b31fc4 rgb(179,31,196)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#1fc4b3
```
#1fc4b3 rgb(31,196,179)
```

Triadic Color

#c41f30
```
#c41f30 rgb(196,31,48)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#1fc4b3
```
#1fc4b3 rgb(31,196,179)
```
#1f30c4
```
#1f30c4 rgb(31,48,196)
```

Tetradic Color

#827715
```
#827715 rgb(130,119,21)
```
#988b18
```
#988b18 rgb(152,139,24)
```
#ae9f1c
```
#ae9f1c rgb(174,159,28)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#dac722
```
#dac722 rgb(218,199,34)
```
#dfce37
```
#dfce37 rgb(223,206,55)
```
#e3d34d
```
#e3d34d rgb(227,211,77)
```

Monochromatic Color

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

#c48a1f
```
#c48a1f rgb(196,138,31)
```
#c4981f
```
#c4981f rgb(196,152,31)
```
#c4a51f
```
#c4a51f rgb(196,165,31)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#c4c11f
```
#c4c11f rgb(196,193,31)
```
#bac41f
```
#bac41f rgb(186,196,31)
```
#acc41f
```
#acc41f rgb(172,196,31)
```

Similar Colors

Text with hexadecimal color #c4b31f

This text has a font color of #c4b31f.

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

#c4b31f background color

This paragraph has a background color of #c4b31f.

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

#c4b31f border color

This element has a border color of #c4b31f.

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

CSS codes

.text {color:#c4b31f;}

.background {background-color:#c4b31f;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1b1804
```
#1b1804 rgb(27,24,4)
```
#2c2807
```
#2c2807 rgb(44,40,7)
```
#3d370a
```
#3d370a rgb(61,55,10)
```
#4d470c
```
#4d470c rgb(77,71,12)
```
#5e560f
```
#5e560f rgb(94,86,15)
```
#6f6612
```
#6f6612 rgb(111,102,18)
```
#807514
```
#807514 rgb(128,117,20)
```
#918517
```
#918517 rgb(145,133,23)
```
#a2941a
```
#a2941a rgb(162,148,26)
```
#b3a41c
```
#b3a41c rgb(179,164,28)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```

Shade Color Variation

#decb2d
```
#decb2d rgb(222,203,45)
```
#e0d03d
```
#e0d03d rgb(224,208,61)
```
#e3d44e
```
#e3d44e rgb(227,212,78)
```
#e6d85f
```
#e6d85f rgb(230,216,95)
```
#e8dc70
```
#e8dc70 rgb(232,220,112)
```
#ebe081
```
#ebe081 rgb(235,224,129)
```
#eee492
```
#eee492 rgb(238,228,146)
```
#f0e8a3
```
#f0e8a3 rgb(240,232,163)
```
#f3edb4
```
#f3edb4 rgb(243,237,180)
```
#f6f1c5
```
#f6f1c5 rgb(246,241,197)
```
#f8f5d6
```
#f8f5d6 rgb(248,245,214)
```
#fbf9e7
```
#fbf9e7 rgb(251,249,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#75756e
```
#75756e rgb(117,117,110)
```
#7e7c65
```
#7e7c65 rgb(126,124,101)
```
#87825c
```
#87825c rgb(135,130,92)
```
#908953
```
#908953 rgb(144,137,83)
```
#98904b
```
#98904b rgb(152,144,75)
```
#a19742
```
#a19742 rgb(161,151,66)
```
#aa9e39
```
#aa9e39 rgb(170,158,57)
```
#b3a530
```
#b3a530 rgb(179,165,48)
```
#bbac28
```
#bbac28 rgb(187,172,40)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#cdba16
```
#cdba16 rgb(205,186,22)
```
#d5c10e
```
#d5c10e rgb(213,193,14)
```
#dec805
```
#dec805 rgb(222,200,5)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#ada98c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab52a Protanopia 1% of men
#e1ac31 Deuteranopia 1% of men
#d2abb7 Tritanopia 0.001% of the population

Trichromacy

#c8b426 Protanomaly 1% of men, 0.01% of women
#d6ae2a Deuteranomaly 6% of men, 0.4% of women
#cdad7f Tritanomaly 0.01% of the population

#c4b31f hex color

#c4b31f Color Information

#c4b31f Color Conversion

Color Schemes with #c4b31f

Alternatives to #c4b31f

#c4b31f Preview

Shades and Tints of #c4b31f

Tones of #c4b31f

Color Blindness Simulator