#b4c31f hex color

In a RGB color space, hex #b4c31f is composed of 70.6% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 84.1% yellow and 23.5% black. It has a hue angle of 65.5 degrees, a saturation of 72.6% and a lightness of 44.3%. #b4c31f color hex could be obtained by blending #ffff3e with #698700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 76
- B 12
RGB color chart
- C 8
- M 0
- Y 84
- K 24
CMYK color chart

● #b4c31f color description : Strong yellow.

The hexadecimal color #b4c31f has RGB values of R:180, G:195, B:31 and CMYK values of C:0.08, M:0, Y:0.84, K:0.24. Its decimal value is 11846431.

Hex triplet	b4c31f	`#b4c31f`
RGB Decimal	180, 195, 31	`rgb(180,195,31)`
RGB Percent	70.6, 76.5, 12.2	`rgb(70.6%,76.5%,12.2%)`
CMYK	8, 0, 84, 24
HSL	65.5°, 72.6, 44.3	`hsl(65.5,72.6%,44.3%)`
HSV (or HSB)	65.5°, 84.1, 76.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.347, -23.516, 71.388
XYZ	38.585, 48.833, 8.689
xyY	0.401, 0.508, 48.833
CIE-LCH	75.347, 75.161, 108.232
CIE-LUV	75.347, -4.138, 81.3
Hunter-Lab	69.88, -23.731, 41.544
Binary	10110100, 11000011, 00011111

#b4c31f
```
#b4c31f rgb(180,195,31)
```
#2e1fc3
```
#2e1fc3 rgb(46,31,195)
```

Complementary Color

#c3801f
```
#c3801f rgb(195,128,31)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#62c31f
```
#62c31f rgb(98,195,31)
```

Analogous Color

#801fc3
```
#801fc3 rgb(128,31,195)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#1f62c3
```
#1f62c3 rgb(31,98,195)
```

Split Complementary Color

#c31fb4
```
#c31fb4 rgb(195,31,180)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#1fb4c3
```
#1fb4c3 rgb(31,180,195)
```

Triadic Color

#c32e1f
```
#c32e1f rgb(195,46,31)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#1fb4c3
```
#1fb4c3 rgb(31,180,195)
```
#2e1fc3
```
#2e1fc3 rgb(46,31,195)
```

Tetradic Color

#778115
```
#778115 rgb(119,129,21)
```
#8b9718
```
#8b9718 rgb(139,151,24)
```
#a0ad1c
```
#a0ad1c rgb(160,173,28)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#c8d922
```
#c8d922 rgb(200,217,34)
```
#d0df36
```
#d0df36 rgb(208,223,54)
```
#d5e34c
```
#d5e34c rgb(213,227,76)
```

Monochromatic Color

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

#c3a91f
```
#c3a91f rgb(195,169,31)
```
#c3b71f
```
#c3b71f rgb(195,183,31)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#a6c31f
```
#a6c31f rgb(166,195,31)
```
#99c31f
```
#99c31f rgb(153,195,31)
```
#8bc31f
```
#8bc31f rgb(139,195,31)
```

Similar Colors

Text with hexadecimal color #b4c31f

This text has a font color of #b4c31f.

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

#b4c31f background color

This paragraph has a background color of #b4c31f.

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

#b4c31f border color

This element has a border color of #b4c31f.

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

CSS codes

.text {color:#b4c31f;}

.background {background-color:#b4c31f;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#181a04
```
#181a04 rgb(24,26,4)
```
#272b07
```
#272b07 rgb(39,43,7)
```
#373c09
```
#373c09 rgb(55,60,9)
```
#474d0c
```
#474d0c rgb(71,77,12)
```
#565d0f
```
#565d0f rgb(86,93,15)
```
#666e12
```
#666e12 rgb(102,110,18)
```
#767f14
```
#767f14 rgb(118,127,20)
```
#859017
```
#859017 rgb(133,144,23)
```
#95a11a
```
#95a11a rgb(149,161,26)
```
#a4b21c
```
#a4b21c rgb(164,178,28)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#c4d422
```
#c4d422 rgb(196,212,34)
```

Shade Color Variation

#cddd2c
```
#cddd2c rgb(205,221,44)
```
#d1e03d
```
#d1e03d rgb(209,224,61)
```
#d5e34e
```
#d5e34e rgb(213,227,78)
```
#d9e55f
```
#d9e55f rgb(217,229,95)
```
#dde870
```
#dde870 rgb(221,232,112)
```
#e1eb80
```
#e1eb80 rgb(225,235,128)
```
#e5ee91
```
#e5ee91 rgb(229,238,145)
```
#e9f0a2
```
#e9f0a2 rgb(233,240,162)
```
#edf3b3
```
#edf3b3 rgb(237,243,179)
```
#f1f6c4
```
#f1f6c4 rgb(241,246,196)
```
#f5f8d5
```
#f5f8d5 rgb(245,248,213)
```
#f9fbe6
```
#f9fbe6 rgb(249,251,230)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#74756d
```
#74756d rgb(116,117,109)
```
#7b7d65
```
#7b7d65 rgb(123,125,101)
```
#82865c
```
#82865c rgb(130,134,92)
```
#898f53
```
#898f53 rgb(137,143,83)
```
#90984a
```
#90984a rgb(144,152,74)
```
#98a042
```
#98a042 rgb(152,160,66)
```
#9fa939
```
#9fa939 rgb(159,169,57)
```
#a6b230
```
#a6b230 rgb(166,178,48)
```
#adba28
```
#adba28 rgb(173,186,40)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#bbcc16
```
#bbcc16 rgb(187,204,22)
```
#c2d40e
```
#c2d40e rgb(194,212,14)
```
#c9dd05
```
#c9dd05 rgb(201,221,5)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aeb190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd28 Protanopia 1% of men
#ebb436 Deuteranopia 1% of men
#c6b9c6 Tritanopia 0.001% of the population

Trichromacy

#c8bf24 Protanomaly 1% of men, 0.01% of women
#d7b92e Deuteranomaly 6% of men, 0.4% of women
#bfbc89 Tritanomaly 0.01% of the population

#b4c31f hex color

#b4c31f Color Information

#b4c31f Color Conversion

Color Schemes with #b4c31f

Alternatives to #b4c31f

#b4c31f Preview

Shades and Tints of #b4c31f

Tones of #b4c31f

Color Blindness Simulator