#b4c814 hex color

In a RGB color space, hex #b4c814 is composed of 70.6% red, 78.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 90% yellow and 21.6% black. It has a hue angle of 66.7 degrees, a saturation of 81.8% and a lightness of 43.1%. #b4c814 color hex could be obtained by blending #ffff28 with #699100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 71
- G 78
- B 8
RGB color chart
- C 10
- M 0
- Y 90
- K 22
CMYK color chart

● #b4c814 color description : Strong yellow.

The hexadecimal color #b4c814 has RGB values of R:180, G:200, B:20 and CMYK values of C:0.1, M:0, Y:0.9, K:0.22. Its decimal value is 11847700.

Hex triplet	b4c814	`#b4c814`
RGB Decimal	180, 200, 20	`rgb(180,200,20)`
RGB Percent	70.6, 78.4, 7.8	`rgb(70.6%,78.4%,7.8%)`
CMYK	10, 0, 90, 22
HSL	66.7°, 81.8, 43.1	`hsl(66.7,81.8%,43.1%)`
HSV (or HSB)	66.7°, 90, 78.4
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.717, -26.192, 74.61
XYZ	39.603, 51.062, 8.432
xyY	0.4, 0.515, 51.062
CIE-LCH	76.717, 79.073, 109.344
CIE-LUV	76.717, -7.156, 84.57
Hunter-Lab	71.458, -26.125, 43.025
Binary	10110100, 11001000, 00010100

#b4c814
```
#b4c814 rgb(180,200,20)
```
#2814c8
```
#2814c8 rgb(40,20,200)
```

Complementary Color

#c88214
```
#c88214 rgb(200,130,20)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#5ac814
```
#5ac814 rgb(90,200,20)
```

Analogous Color

#8214c8
```
#8214c8 rgb(130,20,200)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#145ac8
```
#145ac8 rgb(20,90,200)
```

Split Complementary Color

#c814b4
```
#c814b4 rgb(200,20,180)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#14b4c8
```
#14b4c8 rgb(20,180,200)
```

Triadic Color

#c82814
```
#c82814 rgb(200,40,20)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#14b4c8
```
#14b4c8 rgb(20,180,200)
```
#2814c8
```
#2814c8 rgb(40,20,200)
```

Tetradic Color

#75820d
```
#75820d rgb(117,130,13)
```
#8a9a0f
```
#8a9a0f rgb(138,154,15)
```
#9fb112
```
#9fb112 rgb(159,177,18)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#c9df16
```
#c9df16 rgb(201,223,22)
```
#d4e926
```
#d4e926 rgb(212,233,38)
```
#d8ec3d
```
#d8ec3d rgb(216,236,61)
```

Monochromatic Color

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

#c8af14
```
#c8af14 rgb(200,175,20)
```
#c8be14
```
#c8be14 rgb(200,190,20)
```
#c3c814
```
#c3c814 rgb(195,200,20)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#a5c814
```
#a5c814 rgb(165,200,20)
```
#96c814
```
#96c814 rgb(150,200,20)
```
#87c814
```
#87c814 rgb(135,200,20)
```

Similar Colors

Text with hexadecimal color #b4c814

This text has a font color of #b4c814.

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

#b4c814 background color

This paragraph has a background color of #b4c814.

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

#b4c814 border color

This element has a border color of #b4c814.

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

CSS codes

.text {color:#b4c814;}

.background {background-color:#b4c814;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#141602
```
#141602 rgb(20,22,2)
```
#242804
```
#242804 rgb(36,40,4)
```
#343906
```
#343906 rgb(52,57,6)
```
#444b08
```
#444b08 rgb(68,75,8)
```
#545d09
```
#545d09 rgb(84,93,9)
```
#646f0b
```
#646f0b rgb(100,111,11)
```
#74810d
```
#74810d rgb(116,129,13)
```
#84930f
```
#84930f rgb(132,147,15)
```
#94a410
```
#94a410 rgb(148,164,16)
```
#a4b612
```
#a4b612 rgb(164,182,18)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#c4da16
```
#c4da16 rgb(196,218,22)
```

Shade Color Variation

#d1e81b
```
#d1e81b rgb(209,232,27)
```
#d5ea2d
```
#d5ea2d rgb(213,234,45)
```
#d9ec3f
```
#d9ec3f rgb(217,236,63)
```
#dcee51
```
#dcee51 rgb(220,238,81)
```
#e0ef62
```
#e0ef62 rgb(224,239,98)
```
#e3f174
```
#e3f174 rgb(227,241,116)
```
#e7f386
```
#e7f386 rgb(231,243,134)
```
#eaf598
```
#eaf598 rgb(234,245,152)
```
#eef6aa
```
#eef6aa rgb(238,246,170)
```
#f2f8bc
```
#f2f8bc rgb(242,248,188)
```
#f5facd
```
#f5facd rgb(245,250,205)
```
#f9fcdf
```
#f9fcdf rgb(249,252,223)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#727369
```
#727369 rgb(114,115,105)
```
#797c60
```
#797c60 rgb(121,124,96)
```
#7f8458
```
#7f8458 rgb(127,132,88)
```
#868d4f
```
#868d4f rgb(134,141,79)
```
#8d9547
```
#8d9547 rgb(141,149,71)
```
#939e3e
```
#939e3e rgb(147,158,62)
```
#9aa636
```
#9aa636 rgb(154,166,54)
```
#a0af2d
```
#a0af2d rgb(160,175,45)
```
#a7b725
```
#a7b725 rgb(167,183,37)
```
#adc01c
```
#adc01c rgb(173,192,28)
```
#b4c814
```
#b4c814 rgb(180,200,20)
```
#bbd00c
```
#bbd00c rgb(187,208,12)
```
#c1d903
```
#c1d903 rgb(193,217,3)
```

Tone Color Variation

Below, you can see how #b4c814 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
#afb38f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c11c Protanopia 1% of men
#f0b731 Deuteranopia 1% of men
#c7bdca Tritanopia 0.001% of the population

Trichromacy

#cbc319 Protanomaly 1% of men, 0.01% of women
#dabd26 Deuteranomaly 6% of men, 0.4% of women
#c0c188 Tritanomaly 0.01% of the population

#b4c814 hex color

#b4c814 Color Information

#b4c814 Color Conversion

Color Schemes with #b4c814

Alternatives to #b4c814

#b4c814 Preview

Shades and Tints of #b4c814

Tones of #b4c814

Color Blindness Simulator