#b4b302 hex color

In a RGB color space, hex #b4b302 is composed of 70.6% red, 70.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 98.9% yellow and 29.4% black. It has a hue angle of 59.7 degrees, a saturation of 97.8% and a lightness of 35.7%. #b4b302 color hex could be obtained by blending #ffff04 with #696700. Closest websafe color is: #cccc00.

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

● #b4b302 color description : Strong yellow.

The hexadecimal color #b4b302 has RGB values of R:180, G:179, B:2 and CMYK values of C:0, M:0.01, Y:0.99, K:0.29. Its decimal value is 11842306.

Hex triplet	b4b302	`#b4b302`
RGB Decimal	180, 179, 2	`rgb(180,179,2)`
RGB Percent	70.6, 70.2, 0.8	`rgb(70.6%,70.2%,0.8%)`
CMYK	0, 1, 99, 29
HSL	59.7°, 97.8, 35.7	`hsl(59.7,97.8%,35.7%)`
HSV (or HSB)	59.7°, 98.9, 70.6
Web Safe	cccc00	`#cccc00`

CIE-LAB	70.835, -16.067, 72.307
XYZ	34.954, 41.949, 6.313
xyY	0.42, 0.504, 41.949
CIE-LCH	70.835, 74.071, 102.528
CIE-LUV	70.835, 6.29, 77.655
Hunter-Lab	64.768, -17.011, 39.558
Binary	10110100, 10110011, 00000010

#b4b302
```
#b4b302 rgb(180,179,2)
```
#0203b4
```
#0203b4 rgb(2,3,180)
```

Complementary Color

#b45a02
```
#b45a02 rgb(180,90,2)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#5cb402
```
#5cb402 rgb(92,180,2)
```

Analogous Color

#5a02b4
```
#5a02b4 rgb(90,2,180)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#025cb4
```
#025cb4 rgb(2,92,180)
```

Split Complementary Color

#b302b4
```
#b302b4 rgb(179,2,180)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#02b4b3
```
#02b4b3 rgb(2,180,179)
```

Triadic Color

#b40203
```
#b40203 rgb(180,2,3)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#02b4b3
```
#02b4b3 rgb(2,180,179)
```
#0203b4
```
#0203b4 rgb(2,3,180)
```

Tetradic Color

#686801
```
#686801 rgb(104,104,1)
```
#828101
```
#828101 rgb(130,129,1)
```
#9b9a02
```
#9b9a02 rgb(155,154,2)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#cdcc02
```
#cdcc02 rgb(205,204,2)
```
#e6e503
```
#e6e503 rgb(230,229,3)
```
#fcfb06
```
#fcfb06 rgb(252,251,6)
```

Monochromatic Color

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

#b48702
```
#b48702 rgb(180,135,2)
```
#b49502
```
#b49502 rgb(180,149,2)
```
#b4a402
```
#b4a402 rgb(180,164,2)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#a6b402
```
#a6b402 rgb(166,180,2)
```
#97b402
```
#97b402 rgb(151,180,2)
```
#89b402
```
#89b402 rgb(137,180,2)
```

Similar Colors

Text with hexadecimal color #b4b302

This text has a font color of #b4b302.

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

#b4b302 background color

This paragraph has a background color of #b4b302.

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

#b4b302 border color

This element has a border color of #b4b302.

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

CSS codes

.text {color:#b4b302;}

.background {background-color:#b4b302;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#191900
```
#191900 rgb(25,25,0)
```
#2c2c00
```
#2c2c00 rgb(44,44,0)
```
#403f01
```
#403f01 rgb(64,63,1)
```
#535301
```
#535301 rgb(83,83,1)
```
#666601
```
#666601 rgb(102,102,1)
```
#7a7901
```
#7a7901 rgb(122,121,1)
```
#8d8c02
```
#8d8c02 rgb(141,140,2)
```
#a1a002
```
#a1a002 rgb(161,160,2)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```
#c7c602
```
#c7c602 rgb(199,198,2)
```
#dbda02
```
#dbda02 rgb(219,218,2)
```
#eeed03
```
#eeed03 rgb(238,237,3)
```

Shade Color Variation

#fcfb08
```
#fcfb08 rgb(252,251,8)
```
#fcfb1c
```
#fcfb1c rgb(252,251,28)
```
#fdfc2f
```
#fdfc2f rgb(253,252,47)
```
#fdfc42
```
#fdfc42 rgb(253,252,66)
```
#fdfc56
```
#fdfc56 rgb(253,252,86)
```
#fdfd69
```
#fdfd69 rgb(253,253,105)
```
#fefd7d
```
#fefd7d rgb(254,253,125)
```
#fefd90
```
#fefd90 rgb(254,253,144)
```
#fefda3
```
#fefda3 rgb(254,253,163)
```
#fefeb7
```
#fefeb7 rgb(254,254,183)
```
#fefeca
```
#fefeca rgb(254,254,202)
```
#fffede
```
#fffede rgb(255,254,222)
```
#fffff1
```
#fffff1 rgb(255,255,241)
```

Tint Color Variation

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

#606056
```
#606056 rgb(96,96,86)
```
#67674f
```
#67674f rgb(103,103,79)
```
#6e6e48
```
#6e6e48 rgb(110,110,72)
```
#757541
```
#757541 rgb(117,117,65)
```
#7c7c3a
```
#7c7c3a rgb(124,124,58)
```
#838333
```
#838333 rgb(131,131,51)
```
#8a892c
```
#8a892c rgb(138,137,44)
```
#919025
```
#919025 rgb(145,144,37)
```
#98971e
```
#98971e rgb(152,151,30)
```
#9f9e17
```
#9f9e17 rgb(159,158,23)
```
#a6a510
```
#a6a510 rgb(166,165,16)
```
#adac09
```
#adac09 rgb(173,172,9)
```
#b4b302
```
#b4b302 rgb(180,179,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b102 Protanopia 1% of men
#dda922 Deuteranopia 1% of men
#c4aab6 Tritanopia 0.001% of the population

Trichromacy

#c0b202 Protanomaly 1% of men, 0.01% of women
#ceac16 Deuteranomaly 6% of men, 0.4% of women
#bead75 Tritanomaly 0.01% of the population

#b4b302 hex color

#b4b302 Color Information

#b4b302 Color Conversion

Color Schemes with #b4b302

Alternatives to #b4b302

#b4b302 Preview

Shades and Tints of #b4b302

Tones of #b4b302

Color Blindness Simulator