#b4b01f hex color

In a RGB color space, hex #b4b01f is composed of 70.6% red, 69% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 82.8% yellow and 29.4% black. It has a hue angle of 58.4 degrees, a saturation of 70.6% and a lightness of 41.4%. #b4b01f color hex could be obtained by blending #ffff3e with #696100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 69
- B 12
RGB color chart
- C 0
- M 2
- Y 83
- K 29
CMYK color chart

● #b4b01f color description : Strong yellow.

The hexadecimal color #b4b01f has RGB values of R:180, G:176, B:31 and CMYK values of C:0, M:0.02, Y:0.83, K:0.29. Its decimal value is 11841567.

Hex triplet	b4b01f	`#b4b01f`
RGB Decimal	180, 176, 31	`rgb(180,176,31)`
RGB Percent	70.6, 69, 12.2	`rgb(70.6%,69%,12.2%)`
CMYK	0, 2, 83, 29
HSL	58.4°, 70.6, 41.4	`hsl(58.4,70.6%,41.4%)`
HSV (or HSB)	58.4°, 82.8, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.073, -14.01, 66.933
XYZ	34.595, 40.854, 7.359
xyY	0.418, 0.493, 40.854
CIE-LCH	70.073, 68.384, 101.822
CIE-LUV	70.073, 8.071, 73.67
Hunter-Lab	63.917, -15.241, 37.915
Binary	10110100, 10110000, 00011111

#b4b01f
```
#b4b01f rgb(180,176,31)
```
#1f23b4
```
#1f23b4 rgb(31,35,180)
```

Complementary Color

#b4661f
```
#b4661f rgb(180,102,31)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#6eb41f
```
#6eb41f rgb(110,180,31)
```

Analogous Color

#661fb4
```
#661fb4 rgb(102,31,180)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#1f6eb4
```
#1f6eb4 rgb(31,110,180)
```

Split Complementary Color

#b01fb4
```
#b01fb4 rgb(176,31,180)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#1fb4b0
```
#1fb4b0 rgb(31,180,176)
```

Triadic Color

#b41f23
```
#b41f23 rgb(180,31,35)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#1fb4b0
```
#1fb4b0 rgb(31,180,176)
```
#1f23b4
```
#1f23b4 rgb(31,35,180)
```

Tetradic Color

#737014
```
#737014 rgb(115,112,20)
```
#888518
```
#888518 rgb(136,133,24)
```
#9e9b1b
```
#9e9b1b rgb(158,155,27)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#cac523
```
#cac523 rgb(202,197,35)
```
#dbd62b
```
#dbd62b rgb(219,214,43)
```
#deda41
```
#deda41 rgb(222,218,65)
```

Monochromatic Color

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

#b48b1f
```
#b48b1f rgb(180,139,31)
```
#b4971f
```
#b4971f rgb(180,151,31)
```
#b4a41f
```
#b4a41f rgb(180,164,31)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#acb41f
```
#acb41f rgb(172,180,31)
```
#9fb41f
```
#9fb41f rgb(159,180,31)
```
#93b41f
```
#93b41f rgb(147,180,31)
```

Similar Colors

Text with hexadecimal color #b4b01f

This text has a font color of #b4b01f.

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

#b4b01f background color

This paragraph has a background color of #b4b01f.

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

#b4b01f border color

This element has a border color of #b4b01f.

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

CSS codes

.text {color:#b4b01f;}

.background {background-color:#b4b01f;}

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

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

#0d0c02
```
#0d0c02 rgb(13,12,2)
```
#1d1d05
```
#1d1d05 rgb(29,29,5)
```
#2e2d08
```
#2e2d08 rgb(46,45,8)
```
#3f3d0b
```
#3f3d0b rgb(63,61,11)
```
#504e0e
```
#504e0e rgb(80,78,14)
```
#605e11
```
#605e11 rgb(96,94,17)
```
#716f13
```
#716f13 rgb(113,111,19)
```
#827f16
```
#827f16 rgb(130,127,22)
```
#938f19
```
#938f19 rgb(147,143,25)
```
#a3a01c
```
#a3a01c rgb(163,160,28)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#c5c022
```
#c5c022 rgb(197,192,34)
```
#d5d125
```
#d5d125 rgb(213,209,37)
```

Shade Color Variation

#dcd732
```
#dcd732 rgb(220,215,50)
```
#dfda43
```
#dfda43 rgb(223,218,67)
```
#e1de54
```
#e1de54 rgb(225,222,84)
```
#e4e164
```
#e4e164 rgb(228,225,100)
```
#e7e475
```
#e7e475 rgb(231,228,117)
```
#eae786
```
#eae786 rgb(234,231,134)
```
#edeb97
```
#edeb97 rgb(237,235,151)
```
#f0eea7
```
#f0eea7 rgb(240,238,167)
```
#f3f1b8
```
#f3f1b8 rgb(243,241,184)
```
#f6f4c9
```
#f6f4c9 rgb(246,244,201)
```
#f9f8d9
```
#f9f8d9 rgb(249,248,217)
```
#fbfbea
```
#fbfbea rgb(251,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#6b6b68
```
#6b6b68 rgb(107,107,104)
```
#737360
```
#737360 rgb(115,115,96)
```
#7b7a58
```
#7b7a58 rgb(123,122,88)
```
#838250
```
#838250 rgb(131,130,80)
```
#8b8a48
```
#8b8a48 rgb(139,138,72)
```
#94913f
```
#94913f rgb(148,145,63)
```
#9c9937
```
#9c9937 rgb(156,153,55)
```
#a4a12f
```
#a4a12f rgb(164,161,47)
```
#aca827
```
#aca827 rgb(172,168,39)
```
#b4b01f
```
#b4b01f rgb(180,176,31)
```
#bcb817
```
#bcb817 rgb(188,184,23)
```
#c4bf0f
```
#c4bf0f rgb(196,191,15)
```
#ccc707
```
#ccc707 rgb(204,199,7)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a5a487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af29 Protanopia 1% of men
#daa732 Deuteranopia 1% of men
#c3a8b4 Tritanopia 0.001% of the population

Trichromacy

#beaf25 Protanomaly 1% of men, 0.01% of women
#ccaa2b Deuteranomaly 6% of men, 0.4% of women
#beab7e Tritanomaly 0.01% of the population

#b4b01f hex color

#b4b01f Color Information

#b4b01f Color Conversion

Color Schemes with #b4b01f

Alternatives to #b4b01f

#b4b01f Preview

Shades and Tints of #b4b01f

Tones of #b4b01f

Color Blindness Simulator