#b4c331 hex color

In a RGB color space, hex #b4c331 is composed of 70.6% red, 76.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 74.9% yellow and 23.5% black. It has a hue angle of 66.2 degrees, a saturation of 59.8% and a lightness of 47.8%. #b4c331 color hex could be obtained by blending #ffff62 with #698700. Closest websafe color is: #cccc33.

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

● #b4c331 color description : Moderate yellow.

The hexadecimal color #b4c331 has RGB values of R:180, G:195, B:49 and CMYK values of C:0.08, M:0, Y:0.75, K:0.24. Its decimal value is 11846449.

Hex triplet	b4c331	`#b4c331`
RGB Decimal	180, 195, 49	`rgb(180,195,49)`
RGB Percent	70.6, 76.5, 19.2	`rgb(70.6%,76.5%,19.2%)`
CMYK	8, 0, 75, 24
HSL	66.2°, 59.8, 47.8	`hsl(66.2,59.8%,47.8%)`
HSV (or HSB)	66.2°, 74.9, 76.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.424, -22.866, 66.48
XYZ	38.892, 48.955, 10.306
xyY	0.396, 0.499, 48.955
CIE-LCH	75.424, 70.303, 108.981
CIE-LUV	75.424, -4.298, 78.025
Hunter-Lab	69.968, -23.225, 40.244
Binary	10110100, 11000011, 00110001

#b4c331
```
#b4c331 rgb(180,195,49)
```
#4031c3
```
#4031c3 rgb(64,49,195)
```

Complementary Color

#c38931
```
#c38931 rgb(195,137,49)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#6bc331
```
#6bc331 rgb(107,195,49)
```

Analogous Color

#8931c3
```
#8931c3 rgb(137,49,195)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#316bc3
```
#316bc3 rgb(49,107,195)
```

Split Complementary Color

#c331b4
```
#c331b4 rgb(195,49,180)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#31b4c3
```
#31b4c3 rgb(49,180,195)
```

Triadic Color

#c34031
```
#c34031 rgb(195,64,49)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#31b4c3
```
#31b4c3 rgb(49,180,195)
```
#4031c3
```
#4031c3 rgb(64,49,195)
```

Tetradic Color

#7c8622
```
#7c8622 rgb(124,134,34)
```
#8e9a27
```
#8e9a27 rgb(142,154,39)
```
#a1af2c
```
#a1af2c rgb(161,175,44)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#c0cf3f
```
#c0cf3f rgb(192,207,63)
```
#c7d453
```
#c7d453 rgb(199,212,83)
```
#cdd968
```
#cdd968 rgb(205,217,104)
```

Monochromatic Color

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

#c3ae31
```
#c3ae31 rgb(195,174,49)
```
#c3ba31
```
#c3ba31 rgb(195,186,49)
```
#c0c331
```
#c0c331 rgb(192,195,49)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#a8c331
```
#a8c331 rgb(168,195,49)
```
#9cc331
```
#9cc331 rgb(156,195,49)
```
#90c331
```
#90c331 rgb(144,195,49)
```

Similar Colors

Text with hexadecimal color #b4c331

This text has a font color of #b4c331.

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

#b4c331 background color

This paragraph has a background color of #b4c331.

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

#b4c331 border color

This element has a border color of #b4c331.

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

CSS codes

.text {color:#b4c331;}

.background {background-color:#b4c331;}

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

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

#060702
```
#060702 rgb(6,7,2)
```
#151706
```
#151706 rgb(21,23,6)
```
#23260a
```
#23260a rgb(35,38,10)
```
#32360e
```
#32360e rgb(50,54,14)
```
#404611
```
#404611 rgb(64,70,17)
```
#4f5515
```
#4f5515 rgb(79,85,21)
```
#5d6519
```
#5d6519 rgb(93,101,25)
```
#6c751d
```
#6c751d rgb(108,117,29)
```
#7a8421
```
#7a8421 rgb(122,132,33)
```
#899425
```
#899425 rgb(137,148,37)
```
#97a429
```
#97a429 rgb(151,164,41)
```
#a6b32d
```
#a6b32d rgb(166,179,45)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```

Shade Color Variation

#bece3a
```
#bece3a rgb(190,206,58)
```
#c4d14a
```
#c4d14a rgb(196,209,74)
```
#c9d559
```
#c9d559 rgb(201,213,89)
```
#ced969
```
#ced969 rgb(206,217,105)
```
#d3dd79
```
#d3dd79 rgb(211,221,121)
```
#d8e188
```
#d8e188 rgb(216,225,136)
```
#dde598
```
#dde598 rgb(221,229,152)
```
#e2e9a8
```
#e2e9a8 rgb(226,233,168)
```
#e8edb8
```
#e8edb8 rgb(232,237,184)
```
#edf1c7
```
#edf1c7 rgb(237,241,199)
```
#f2f5d7
```
#f2f5d7 rgb(242,245,215)
```
#f7f9e7
```
#f7f9e7 rgb(247,249,231)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#808173
```
#808173 rgb(128,129,115)
```
#878b69
```
#878b69 rgb(135,139,105)
```
#8f9460
```
#8f9460 rgb(143,148,96)
```
#969d57
```
#969d57 rgb(150,157,87)
```
#9ea74d
```
#9ea74d rgb(158,167,77)
```
#a5b044
```
#a5b044 rgb(165,176,68)
```
#adba3a
```
#adba3a rgb(173,186,58)
```
#b4c331
```
#b4c331 rgb(180,195,49)
```
#bbcc28
```
#bbcc28 rgb(187,204,40)
```
#c3d61e
```
#c3d61e rgb(195,214,30)
```
#cadf15
```
#cadf15 rgb(202,223,21)
```
#d2e90b
```
#d2e90b rgb(210,233,11)
```
#d9f202
```
#d9f202 rgb(217,242,2)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afb295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd39 Protanopia 1% of men
#eab444 Deuteranopia 1% of men
#c6b9c6 Tritanopia 0.001% of the population

Trichromacy

#c8bf36 Protanomaly 1% of men, 0.01% of women
#d6b93d Deuteranomaly 6% of men, 0.4% of women
#bfbc90 Tritanomaly 0.01% of the population

#b4c331 hex color

#b4c331 Color Information

#b4c331 Color Conversion

Color Schemes with #b4c331

Alternatives to #b4c331

#b4c331 Preview

Shades and Tints of #b4c331

Tones of #b4c331

Color Blindness Simulator