colorhexa.com

#b4c348 hex color

In a RGB color space, hex #b4c348 is composed of 70.6% red, 76.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 63.1% yellow and 23.5% black. It has a hue angle of 67.3 degrees, a saturation of 50.6% and a lightness of 52.4%. #b4c348 color hex could be obtained by blending #ffff90 with #698700. Closest websafe color is: #cccc33.

- R 71
- G 76
- B 28
RGB color chart
- C 8
- M 0
- Y 63
- K 24
CMYK color chart

● #b4c348 color description : Moderate yellow.

The hexadecimal color #b4c348 has RGB values of R:180, G:195, B:72 and CMYK values of C:0.08, M:0, Y:0.63, K:0.24. Its decimal value is 11846472.

Hex triplet	b4c348	`#b4c348`
RGB Decimal	180, 195, 72	`rgb(180,195,72)`
RGB Percent	70.6, 76.5, 28.2	`rgb(70.6%,76.5%,28.2%)`
CMYK	8, 0, 63, 24
HSL	67.3°, 50.6, 52.4	`hsl(67.3,50.6%,52.4%)`
HSV (or HSB)	67.3°, 63.1, 76.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.577, -21.578, 58.048
XYZ	39.507, 49.202, 13.546
xyY	0.386, 0.481, 49.202
CIE-LCH	75.577, 61.929, 110.392
CIE-LUV	75.577, -4.61, 71.613
Hunter-Lab	70.144, -22.216, 37.651
Binary	10110100, 11000011, 01001000

#b4c348
```
#b4c348 rgb(180,195,72)
```
#5748c3
```
#5748c3 rgb(87,72,195)
```

Complementary Color

#c39548
```
#c39548 rgb(195,149,72)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#77c348
```
#77c348 rgb(119,195,72)
```

Analogous Color

#9548c3
```
#9548c3 rgb(149,72,195)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#4877c3
```
#4877c3 rgb(72,119,195)
```

Split Complementary Color

#c348b4
```
#c348b4 rgb(195,72,180)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#48b4c3
```
#48b4c3 rgb(72,180,195)
```

Triadic Color

#c35748
```
#c35748 rgb(195,87,72)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#48b4c3
```
#48b4c3 rgb(72,180,195)
```
#5748c3
```
#5748c3 rgb(87,72,195)
```

Tetradic Color

#848f2f
```
#848f2f rgb(132,143,47)
```
#95a335
```
#95a335 rgb(149,163,53)
```
#a7b63c
```
#a7b63c rgb(167,182,60)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#bcc95b
```
#bcc95b rgb(188,201,91)
```
#c4d06e
```
#c4d06e rgb(196,208,110)
```
#ccd682
```
#ccd682 rgb(204,214,130)
```

Monochromatic Color

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

#c3b348
```
#c3b348 rgb(195,179,72)
```
#c3be48
```
#c3be48 rgb(195,190,72)
```
#bec348
```
#bec348 rgb(190,195,72)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#aac348
```
#aac348 rgb(170,195,72)
```
#a0c348
```
#a0c348 rgb(160,195,72)
```
#95c348
```
#95c348 rgb(149,195,72)
```

Similar Colors

Text with hexadecimal color #b4c348

This text has a font color of #b4c348.

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

#b4c348 background color

This paragraph has a background color of #b4c348.

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

#b4c348 border color

This element has a border color of #b4c348.

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

CSS codes

.text {color:#b4c348;}

.background {background-color:#b4c348;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#161808
```
#161808 rgb(22,24,8)
```
#23270d
```
#23270d rgb(35,39,13)
```
#313511
```
#313511 rgb(49,53,17)
```
#3f4416
```
#3f4416 rgb(63,68,22)
```
#4c531b
```
#4c531b rgb(76,83,27)
```
#5a6220
```
#5a6220 rgb(90,98,32)
```
#677025
```
#677025 rgb(103,112,37)
```
#757f2a
```
#757f2a rgb(117,127,42)
```
#828e2f
```
#828e2f rgb(130,142,47)
```
#909d33
```
#909d33 rgb(144,157,51)
```
#9dac38
```
#9dac38 rgb(157,172,56)
```
#abba3d
```
#abba3d rgb(171,186,61)
```

Shade Color Variation

#b4c348
```
#b4c348 rgb(180,195,72)
```
#bac857
```
#bac857 rgb(186,200,87)
```
#c0cd66
```
#c0cd66 rgb(192,205,102)
```
#c6d274
```
#c6d274 rgb(198,210,116)
```
#ccd683
```
#ccd683 rgb(204,214,131)
```
#d2db92
```
#d2db92 rgb(210,219,146)
```
#d8e0a1
```
#d8e0a1 rgb(216,224,161)
```
#dee5af
```
#dee5af rgb(222,229,175)
```
#e4eabe
```
#e4eabe rgb(228,234,190)
```
#eaefcd
```
#eaefcd rgb(234,239,205)
```
#f1f3dc
```
#f1f3dc rgb(241,243,220)
```
#f7f8ea
```
#f7f8ea rgb(247,248,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#8a8b80
```
#8a8b80 rgb(138,139,128)
```
#919477
```
#919477 rgb(145,148,119)
```
#989e6d
```
#989e6d rgb(152,158,109)
```
#9fa764
```
#9fa764 rgb(159,167,100)
```
#a6b05b
```
#a6b05b rgb(166,176,91)
```
#adba51
```
#adba51 rgb(173,186,81)
```
#b4c348
```
#b4c348 rgb(180,195,72)
```
#bbcc3f
```
#bbcc3f rgb(187,204,63)
```
#c2d635
```
#c2d635 rgb(194,214,53)
```
#c9df2c
```
#c9df2c rgb(201,223,44)
```
#d0e823
```
#d0e823 rgb(208,232,35)
```
#d7f219
```
#d7f219 rgb(215,242,25)
```
#defb10
```
#defb10 rgb(222,251,16)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b1b49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2be4f Protanopia 1% of men
#e9b558 Deuteranopia 1% of men
#c5bac7 Tritanopia 0.001% of the population

Trichromacy

#c7bf4c Protanomaly 1% of men, 0.01% of women
#d5ba52 Deuteranomaly 6% of men, 0.4% of women
#bfbd99 Tritanomaly 0.01% of the population