#b4c422 hex color

In a RGB color space, hex #b4c422 is composed of 70.6% red, 76.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 82.7% yellow and 23.1% black. It has a hue angle of 65.9 degrees, a saturation of 70.4% and a lightness of 45.1%. #b4c422 color hex could be obtained by blending #ffff44 with #698900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 77
- B 13
RGB color chart
- C 8
- M 0
- Y 83
- K 23
CMYK color chart

● #b4c422 color description : Strong yellow.

The hexadecimal color #b4c422 has RGB values of R:180, G:196, B:34 and CMYK values of C:0.08, M:0, Y:0.83, K:0.23. Its decimal value is 11846690.

Hex triplet	b4c422	`#b4c422`
RGB Decimal	180, 196, 34	`rgb(180,196,34)`
RGB Percent	70.6, 76.9, 13.3	`rgb(70.6%,76.9%,13.3%)`
CMYK	8, 0, 83, 23
HSL	65.9°, 70.4, 45.1	`hsl(65.9,70.4%,45.1%)`
HSV (or HSB)	65.9°, 82.7, 76.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.637, -23.915, 70.931
XYZ	38.851, 49.299, 8.982
xyY	0.4, 0.508, 49.299
CIE-LCH	75.637, 74.854, 108.632
CIE-LUV	75.637, -4.778, 81.257
Hunter-Lab	70.213, -24.104, 41.564
Binary	10110100, 11000100, 00100010

#b4c422
```
#b4c422 rgb(180,196,34)
```
#3222c4
```
#3222c4 rgb(50,34,196)
```

Complementary Color

#c48322
```
#c48322 rgb(196,131,34)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#63c422
```
#63c422 rgb(99,196,34)
```

Analogous Color

#8322c4
```
#8322c4 rgb(131,34,196)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#2263c4
```
#2263c4 rgb(34,99,196)
```

Split Complementary Color

#c422b4
```
#c422b4 rgb(196,34,180)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#22b4c4
```
#22b4c4 rgb(34,180,196)
```

Triadic Color

#c43222
```
#c43222 rgb(196,50,34)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#22b4c4
```
#22b4c4 rgb(34,180,196)
```
#3222c4
```
#3222c4 rgb(50,34,196)
```

Tetradic Color

#788317
```
#788317 rgb(120,131,23)
```
#8c991a
```
#8c991a rgb(140,153,26)
```
#a0ae1e
```
#a0ae1e rgb(160,174,30)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#c8d926
```
#c8d926 rgb(200,217,38)
```
#cddd3c
```
#cddd3c rgb(205,221,60)
```
#d3e152
```
#d3e152 rgb(211,225,82)
```

Monochromatic Color

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

#c4ac22
```
#c4ac22 rgb(196,172,34)
```
#c4b922
```
#c4b922 rgb(196,185,34)
```
#c2c422
```
#c2c422 rgb(194,196,34)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#a7c422
```
#a7c422 rgb(167,196,34)
```
#99c422
```
#99c422 rgb(153,196,34)
```
#8cc422
```
#8cc422 rgb(140,196,34)
```

Similar Colors

Text with hexadecimal color #b4c422

This text has a font color of #b4c422.

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

#b4c422 background color

This paragraph has a background color of #b4c422.

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

#b4c422 border color

This element has a border color of #b4c422.

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

CSS codes

.text {color:#b4c422;}

.background {background-color:#b4c422;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#2a2e08
```
#2a2e08 rgb(42,46,8)
```
#393e0b
```
#393e0b rgb(57,62,11)
```
#494f0e
```
#494f0e rgb(73,79,14)
```
#586011
```
#586011 rgb(88,96,17)
```
#677014
```
#677014 rgb(103,112,20)
```
#778116
```
#778116 rgb(119,129,22)
```
#869219
```
#869219 rgb(134,146,25)
```
#95a31c
```
#95a31c rgb(149,163,28)
```
#a5b31f
```
#a5b31f rgb(165,179,31)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#c3d525
```
#c3d525 rgb(195,213,37)
```

Shade Color Variation

#cbdb32
```
#cbdb32 rgb(203,219,50)
```
#cfde43
```
#cfde43 rgb(207,222,67)
```
#d3e153
```
#d3e153 rgb(211,225,83)
```
#d7e464
```
#d7e464 rgb(215,228,100)
```
#dce775
```
#dce775 rgb(220,231,117)
```
#e0ea85
```
#e0ea85 rgb(224,234,133)
```
#e4ed96
```
#e4ed96 rgb(228,237,150)
```
#e9f0a7
```
#e9f0a7 rgb(233,240,167)
```
#edf3b8
```
#edf3b8 rgb(237,243,184)
```
#f1f6c8
```
#f1f6c8 rgb(241,246,200)
```
#f5f8d9
```
#f5f8d9 rgb(245,248,217)
```
#fafbea
```
#fafbea rgb(250,251,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#747472
```
#747472 rgb(116,116,114)
```
#7b7d69
```
#7b7d69 rgb(123,125,105)
```
#828660
```
#828660 rgb(130,134,96)
```
#898f57
```
#898f57 rgb(137,143,87)
```
#91984e
```
#91984e rgb(145,152,78)
```
#98a145
```
#98a145 rgb(152,161,69)
```
#9fa93d
```
#9fa93d rgb(159,169,61)
```
#a6b234
```
#a6b234 rgb(166,178,52)
```
#adbb2b
```
#adbb2b rgb(173,187,43)
```
#b4c422
```
#b4c422 rgb(180,196,34)
```
#bbcd19
```
#bbcd19 rgb(187,205,25)
```
#c2d610
```
#c2d610 rgb(194,214,16)
```
#c9df07
```
#c9df07 rgb(201,223,7)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aeb291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be2b Protanopia 1% of men
#ecb439 Deuteranopia 1% of men
#c6bac7 Tritanopia 0.001% of the population

Trichromacy

#c8c027 Protanomaly 1% of men, 0.01% of women
#d7ba30 Deuteranomaly 6% of men, 0.4% of women
#c0bd8b Tritanomaly 0.01% of the population

#b4c422 hex color

#b4c422 Color Information

#b4c422 Color Conversion

Color Schemes with #b4c422

Alternatives to #b4c422

#b4c422 Preview

Shades and Tints of #b4c422

Tones of #b4c422

Color Blindness Simulator