#b4d331 hex color

In a RGB color space, hex #b4d331 is composed of 70.6% red, 82.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 0% magenta, 76.8% yellow and 17.3% black. It has a hue angle of 71.5 degrees, a saturation of 64.8% and a lightness of 51%. #b4d331 color hex could be obtained by blending #ffff62 with #69a700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 83
- B 19
RGB color chart
- C 15
- M 0
- Y 77
- K 17
CMYK color chart

● #b4d331 color description : Strong yellow.

The hexadecimal color #b4d331 has RGB values of R:180, G:211, B:49 and CMYK values of C:0.15, M:0, Y:0.77, K:0.17. Its decimal value is 11850545.

Hex triplet	b4d331	`#b4d331`
RGB Decimal	180, 211, 49	`rgb(180,211,49)`
RGB Percent	70.6, 82.7, 19.2	`rgb(70.6%,82.7%,19.2%)`
CMYK	15, 0, 77, 17
HSL	71.5°, 64.8, 51	`hsl(71.5,64.8%,51%)`
HSV (or HSB)	71.5°, 76.8, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.905, -30.53, 70.635
XYZ	42.671, 56.513, 11.566
xyY	0.385, 0.51, 56.513
CIE-LCH	79.905, 76.95, 113.375
CIE-LUV	79.905, -13.849, 84.642
Hunter-Lab	75.175, -30.238, 43.501
Binary	10110100, 11010011, 00110001

#b4d331
```
#b4d331 rgb(180,211,49)
```
#5031d3
```
#5031d3 rgb(80,49,211)
```

Complementary Color

#d3a131
```
#d3a131 rgb(211,161,49)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#63d331
```
#63d331 rgb(99,211,49)
```

Analogous Color

#a131d3
```
#a131d3 rgb(161,49,211)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#3163d3
```
#3163d3 rgb(49,99,211)
```

Split Complementary Color

#d331b4
```
#d331b4 rgb(211,49,180)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#31b4d3
```
#31b4d3 rgb(49,180,211)
```

Triadic Color

#d35031
```
#d35031 rgb(211,80,49)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#31b4d3
```
#31b4d3 rgb(49,180,211)
```
#5031d3
```
#5031d3 rgb(80,49,211)
```

Tetradic Color

#809720
```
#809720 rgb(128,151,32)
```
#92ac25
```
#92ac25 rgb(146,172,37)
```
#a4c129
```
#a4c129 rgb(164,193,41)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#bcd746
```
#bcd746 rgb(188,215,70)
```
#c3dc5b
```
#c3dc5b rgb(195,220,91)
```
#cbe070
```
#cbe070 rgb(203,224,112)
```

Monochromatic Color

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

#d3ca31
```
#d3ca31 rgb(211,202,49)
```
#cfd331
```
#cfd331 rgb(207,211,49)
```
#c2d331
```
#c2d331 rgb(194,211,49)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#a7d331
```
#a7d331 rgb(167,211,49)
```
#99d331
```
#99d331 rgb(153,211,49)
```
#8cd331
```
#8cd331 rgb(140,211,49)
```

Similar Colors

Text with hexadecimal color #b4d331

This text has a font color of #b4d331.

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

#b4d331 background color

This paragraph has a background color of #b4d331.

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

#b4d331 border color

This element has a border color of #b4d331.

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

CSS codes

.text {color:#b4d331;}

.background {background-color:#b4d331;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111404
```
#111404 rgb(17,20,4)
```
#1f2408
```
#1f2408 rgb(31,36,8)
```
#2d350b
```
#2d350b rgb(45,53,11)
```
#3a450f
```
#3a450f rgb(58,69,15)
```
#485512
```
#485512 rgb(72,85,18)
```
#566516
```
#566516 rgb(86,101,22)
```
#647519
```
#647519 rgb(100,117,25)
```
#71851c
```
#71851c rgb(113,133,28)
```
#7f9620
```
#7f9620 rgb(127,150,32)
```
#8da623
```
#8da623 rgb(141,166,35)
```
#9bb627
```
#9bb627 rgb(155,182,39)
```
#a8c62a
```
#a8c62a rgb(168,198,42)
```

Shade Color Variation

#b4d331
```
#b4d331 rgb(180,211,49)
```
#bad641
```
#bad641 rgb(186,214,65)
```
#c0da51
```
#c0da51 rgb(192,218,81)
```
#c6dd61
```
#c6dd61 rgb(198,221,97)
```
#cce172
```
#cce172 rgb(204,225,114)
```
#d1e482
```
#d1e482 rgb(209,228,130)
```
#d7e892
```
#d7e892 rgb(215,232,146)
```
#ddeba2
```
#ddeba2 rgb(221,235,162)
```
#e3efb2
```
#e3efb2 rgb(227,239,178)
```
#e9f2c2
```
#e9f2c2 rgb(233,242,194)
```
#eff6d3
```
#eff6d3 rgb(239,246,211)
```
#f5f9e3
```
#f5f9e3 rgb(245,249,227)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#85867e
```
#85867e rgb(133,134,126)
```
#8a9074
```
#8a9074 rgb(138,144,116)
```
#90996b
```
#90996b rgb(144,153,107)
```
#96a361
```
#96a361 rgb(150,163,97)
```
#9cad57
```
#9cad57 rgb(156,173,87)
```
#a2b64e
```
#a2b64e rgb(162,182,78)
```
#a8c044
```
#a8c044 rgb(168,192,68)
```
#aec93b
```
#aec93b rgb(174,201,59)
```
#b4d331
```
#b4d331 rgb(180,211,49)
```
#badd27
```
#badd27 rgb(186,221,39)
```
#c0e61e
```
#c0e61e rgb(192,230,30)
```
#c6f014
```
#c6f014 rgb(198,240,20)
```
#ccf90b
```
#ccf90b rgb(204,249,11)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6bd9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c938 Protanopia 1% of men
#f9bf47 Deuteranopia 1% of men
#c9c7d5 Tritanopia 0.001% of the population

Trichromacy

#d0cc35 Protanomaly 1% of men, 0.01% of women
#e0c63f Deuteranomaly 6% of men, 0.4% of women
#c1cb99 Tritanomaly 0.01% of the population

#b4d331 hex color

#b4d331 Color Information

#b4d331 Color Conversion

Color Schemes with #b4d331

Alternatives to #b4d331

#b4d331 Preview

Shades and Tints of #b4d331

Tones of #b4d331

Color Blindness Simulator