#b4c301 hex color

In a RGB color space, hex #b4c301 is composed of 70.6% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 99.5% yellow and 23.5% black. It has a hue angle of 64.6 degrees, a saturation of 99% and a lightness of 38.4%. #b4c301 color hex could be obtained by blending #ffff02 with #698700. Closest websafe color is: #cccc00.

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

● #b4c301 color description : Strong yellow.

The hexadecimal color #b4c301 has RGB values of R:180, G:195, B:1 and CMYK values of C:0.08, M:0, Y:0.99, K:0.24. Its decimal value is 11846401.

Hex triplet	b4c301	`#b4c301`
RGB Decimal	180, 195, 1	`rgb(180,195,1)`
RGB Percent	70.6, 76.5, 0.4	`rgb(70.6%,76.5%,0.4%)`
CMYK	8, 0, 99, 24
HSL	64.6°, 99, 38.4	`hsl(64.6,99%,38.4%)`
HSV (or HSB)	64.6°, 99.5, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.287, -24.03, 75.715
XYZ	38.343, 48.736, 7.416
xyY	0.406, 0.516, 48.736
CIE-LCH	75.287, 79.436, 107.608
CIE-LUV	75.287, -4.011, 83.916
Hunter-Lab	69.811, -24.131, 42.57
Binary	10110100, 11000011, 00000001

#b4c301
```
#b4c301 rgb(180,195,1)
```
#1001c3
```
#1001c3 rgb(16,1,195)
```

Complementary Color

#c37101
```
#c37101 rgb(195,113,1)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#53c301
```
#53c301 rgb(83,195,1)
```

Analogous Color

#7101c3
```
#7101c3 rgb(113,1,195)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#0153c3
```
#0153c3 rgb(1,83,195)
```

Split Complementary Color

#c301b4
```
#c301b4 rgb(195,1,180)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#01b4c3
```
#01b4c3 rgb(1,180,195)
```

Triadic Color

#c31001
```
#c31001 rgb(195,16,1)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#01b4c3
```
#01b4c3 rgb(1,180,195)
```
#1001c3
```
#1001c3 rgb(16,1,195)
```

Tetradic Color

#6e7701
```
#6e7701 rgb(110,119,1)
```
#859001
```
#859001 rgb(133,144,1)
```
#9daa01
```
#9daa01 rgb(157,170,1)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#cbdc01
```
#cbdc01 rgb(203,220,1)
```
#e3f601
```
#e3f601 rgb(227,246,1)
```
#ecfe13
```
#ecfe13 rgb(236,254,19)
```

Monochromatic Color

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

#c3a201
```
#c3a201 rgb(195,162,1)
```
#c3b201
```
#c3b201 rgb(195,178,1)
```
#c3c201
```
#c3c201 rgb(195,194,1)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#a4c301
```
#a4c301 rgb(164,195,1)
```
#94c301
```
#94c301 rgb(148,195,1)
```
#84c301
```
#84c301 rgb(132,195,1)
```

Similar Colors

Text with hexadecimal color #b4c301

This text has a font color of #b4c301.

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

#b4c301 background color

This paragraph has a background color of #b4c301.

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

#b4c301 border color

This element has a border color of #b4c301.

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

CSS codes

.text {color:#b4c301;}

.background {background-color:#b4c301;}

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

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

#121300
```
#121300 rgb(18,19,0)
```
#242700
```
#242700 rgb(36,39,0)
```
#363a00
```
#363a00 rgb(54,58,0)
```
#484e00
```
#484e00 rgb(72,78,0)
```
#5a6100
```
#5a6100 rgb(90,97,0)
```
#6c7501
```
#6c7501 rgb(108,117,1)
```
#7e8801
```
#7e8801 rgb(126,136,1)
```
#909c01
```
#909c01 rgb(144,156,1)
```
#a2af01
```
#a2af01 rgb(162,175,1)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```
#c6d701
```
#c6d701 rgb(198,215,1)
```
#d8ea01
```
#d8ea01 rgb(216,234,1)
```
#eafe01
```
#eafe01 rgb(234,254,1)
```

Shade Color Variation

#ecfe15
```
#ecfe15 rgb(236,254,21)
```
#edfe28
```
#edfe28 rgb(237,254,40)
```
#effe3c
```
#effe3c rgb(239,254,60)
```
#f1fe4f
```
#f1fe4f rgb(241,254,79)
```
#f2fe63
```
#f2fe63 rgb(242,254,99)
```
#f4fe76
```
#f4fe76 rgb(244,254,118)
```
#f5fe8a
```
#f5fe8a rgb(245,254,138)
```
#f7fe9d
```
#f7fe9d rgb(247,254,157)
```
#f9ffb1
```
#f9ffb1 rgb(249,255,177)
```
#faffc4
```
#faffc4 rgb(250,255,196)
```
#fcffd8
```
#fcffd8 rgb(252,255,216)
```
#fdffeb
```
#fdffeb rgb(253,255,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68695b
```
#68695b rgb(104,105,91)
```
#6e7054
```
#6e7054 rgb(110,112,84)
```
#74784c
```
#74784c rgb(116,120,76)
```
#7b7f45
```
#7b7f45 rgb(123,127,69)
```
#81873d
```
#81873d rgb(129,135,61)
```
#878e36
```
#878e36 rgb(135,142,54)
```
#8e962e
```
#8e962e rgb(142,150,46)
```
#949d27
```
#949d27 rgb(148,157,39)
```
#9ba51f
```
#9ba51f rgb(155,165,31)
```
#a1ac18
```
#a1ac18 rgb(161,172,24)
```
#a7b410
```
#a7b410 rgb(167,180,16)
```
#aebb09
```
#aebb09 rgb(174,187,9)
```
#b4c301
```
#b4c301 rgb(180,195,1)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaad87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bd00 Protanopia 1% of men
#ecb327 Deuteranopia 1% of men
#c7b8c6 Tritanopia 0.001% of the population

Trichromacy

#c8bf00 Protanomaly 1% of men, 0.01% of women
#d7b919 Deuteranomaly 6% of men, 0.4% of women
#c0bc7e Tritanomaly 0.01% of the population

#b4c301 hex color

#b4c301 Color Information

#b4c301 Color Conversion

Color Schemes with #b4c301

Alternatives to #b4c301

#b4c301 Preview

Shades and Tints of #b4c301

Tones of #b4c301

Color Blindness Simulator