#b4b533 hex color

In a RGB color space, hex #b4b533 is composed of 70.6% red, 71% green and 20% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 71.8% yellow and 29% black. It has a hue angle of 60.5 degrees, a saturation of 56% and a lightness of 45.5%. #b4b533 color hex could be obtained by blending #ffff66 with #696b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 71
- B 20
RGB color chart
- C 1
- M 0
- Y 72
- K 29
CMYK color chart

● #b4b533 color description : Moderate yellow.

The hexadecimal color #b4b533 has RGB values of R:180, G:181, B:51 and CMYK values of C:0.01, M:0, Y:0.72, K:0.29. Its decimal value is 11842867.

Hex triplet	b4b533	`#b4b533`
RGB Decimal	180, 181, 51	`rgb(180,181,51)`
RGB Percent	70.6, 71, 20	`rgb(70.6%,71%,20%)`
CMYK	1, 0, 72, 29
HSL	60.5°, 56, 45.5	`hsl(60.5,56%,45.5%)`
HSV (or HSB)	60.5°, 71.8, 71
Web Safe	cccc33	`#cccc33`

CIE-LAB	71.549, -15.79, 62.127
XYZ	35.944, 42.991, 9.536
xyY	0.406, 0.486, 42.991
CIE-LCH	71.549, 64.102, 104.26
CIE-LUV	71.549, 4.491, 71.682
Hunter-Lab	65.567, -16.889, 37.274
Binary	10110100, 10110101, 00110011

#b4b533
```
#b4b533 rgb(180,181,51)
```
#3433b5
```
#3433b5 rgb(52,51,181)
```

Complementary Color

#b57533
```
#b57533 rgb(181,117,51)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#73b533
```
#73b533 rgb(115,181,51)
```

Analogous Color

#7533b5
```
#7533b5 rgb(117,51,181)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#3373b5
```
#3373b5 rgb(51,115,181)
```

Split Complementary Color

#b533b4
```
#b533b4 rgb(181,51,180)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#33b4b5
```
#33b4b5 rgb(51,180,181)
```

Triadic Color

#b53433
```
#b53433 rgb(181,52,51)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#33b4b5
```
#33b4b5 rgb(51,180,181)
```
#3433b5
```
#3433b5 rgb(52,51,181)
```

Tetradic Color

#797922
```
#797922 rgb(121,121,34)
```
#8c8d28
```
#8c8d28 rgb(140,141,40)
```
#a0a12d
```
#a0a12d rgb(160,161,45)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#c6c73a
```
#c6c73a rgb(198,199,58)
```
#cccd4e
```
#cccd4e rgb(204,205,78)
```
#d2d362
```
#d2d362 rgb(210,211,98)
```

Monochromatic Color

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

#b59633
```
#b59633 rgb(181,150,51)
```
#b5a033
```
#b5a033 rgb(181,160,51)
```
#b5ab33
```
#b5ab33 rgb(181,171,51)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#a9b533
```
#a9b533 rgb(169,181,51)
```
#9eb533
```
#9eb533 rgb(158,181,51)
```
#94b533
```
#94b533 rgb(148,181,51)
```

Similar Colors

Text with hexadecimal color #b4b533

This text has a font color of #b4b533.

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

#b4b533 background color

This paragraph has a background color of #b4b533.

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

#b4b533 border color

This element has a border color of #b4b533.

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

CSS codes

.text {color:#b4b533;}

.background {background-color:#b4b533;}

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

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

#0d0d04
```
#0d0d04 rgb(13,13,4)
```
#1c1c08
```
#1c1c08 rgb(28,28,8)
```
#2b2b0c
```
#2b2b0c rgb(43,43,12)
```
#3a3b11
```
#3a3b11 rgb(58,59,17)
```
#494a15
```
#494a15 rgb(73,74,21)
```
#595919
```
#595919 rgb(89,89,25)
```
#68681d
```
#68681d rgb(104,104,29)
```
#777822
```
#777822 rgb(119,120,34)
```
#868726
```
#868726 rgb(134,135,38)
```
#96962a
```
#96962a rgb(150,150,42)
```
#a5a62f
```
#a5a62f rgb(165,166,47)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#c3c437
```
#c3c437 rgb(195,196,55)
```

Shade Color Variation

#c9cb45
```
#c9cb45 rgb(201,203,69)
```
#cecf54
```
#cecf54 rgb(206,207,84)
```
#d2d363
```
#d2d363 rgb(210,211,99)
```
#d7d773
```
#d7d773 rgb(215,215,115)
```
#dbdc82
```
#dbdc82 rgb(219,220,130)
```
#dfe091
```
#dfe091 rgb(223,224,145)
```
#e4e4a1
```
#e4e4a1 rgb(228,228,161)
```
#e8e9b0
```
#e8e9b0 rgb(232,233,176)
```
#ededbf
```
#ededbf rgb(237,237,191)
```
#f1f1ce
```
#f1f1ce rgb(241,241,206)
```
#f5f6de
```
#f5f6de rgb(245,246,222)
```
#fafaed
```
#fafaed rgb(250,250,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#767771
```
#767771 rgb(118,119,113)
```
#7f7f69
```
#7f7f69 rgb(127,127,105)
```
#888860
```
#888860 rgb(136,136,96)
```
#919157
```
#919157 rgb(145,145,87)
```
#9a9a4e
```
#9a9a4e rgb(154,154,78)
```
#a2a345
```
#a2a345 rgb(162,163,69)
```
#abac3c
```
#abac3c rgb(171,172,60)
```
#b4b533
```
#b4b533 rgb(180,181,51)
```
#bdbe2a
```
#bdbe2a rgb(189,190,42)
```
#c6c721
```
#c6c721 rgb(198,199,33)
```
#ced018
```
#ced018 rgb(206,208,24)
```
#d7d90f
```
#d7d90f rgb(215,217,15)
```
#e0e206
```
#e0e206 rgb(224,226,6)
```

Tone Color Variation

Below, you can see how #b4b533 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
#a9a98f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b33c Protanopia 1% of men
#deab44 Deuteranopia 1% of men
#c4adb9 Tritanopia 0.001% of the population

Trichromacy

#c0b438 Protanomaly 1% of men, 0.01% of women
#ceae3d Deuteranomaly 6% of men, 0.4% of women
#beb088 Tritanomaly 0.01% of the population

#b4b533 hex color

#b4b533 Color Information

#b4b533 Color Conversion

Color Schemes with #b4b533

Alternatives to #b4b533

#b4b533 Preview

Shades and Tints of #b4b533

Tones of #b4b533

Color Blindness Simulator