colorhexa.com

#b4c102 hex color

In a RGB color space, hex #b4c102 is composed of 70.6% red, 75.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 0% magenta, 99% yellow and 24.3% black. It has a hue angle of 64.1 degrees, a saturation of 97.9% and a lightness of 38.2%. #b4c102 color hex could be obtained by blending #ffff04 with #698300. Closest websafe color is: #cccc00.

- R 71
- G 76
- B 1
RGB color chart
- C 7
- M 0
- Y 99
- K 24
CMYK color chart

● #b4c102 color description : Strong yellow.

The hexadecimal color #b4c102 has RGB values of R:180, G:193, B:2 and CMYK values of C:0.07, M:0, Y:0.99, K:0.24. Its decimal value is 11845890.

Hex triplet	b4c102	`#b4c102`
RGB Decimal	180, 193, 2	`rgb(180,193,2)`
RGB Percent	70.6, 75.7, 0.8	`rgb(70.6%,75.7%,0.8%)`
CMYK	7, 0, 99, 24
HSL	64.1°, 97.9, 38.2	`hsl(64.1,97.9%,38.2%)`
HSV (or HSB)	64.1°, 99, 75.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.729, -23.043, 75.194
XYZ	37.903, 47.848, 7.296
xyY	0.407, 0.514, 47.848
CIE-LCH	74.729, 78.645, 107.038
CIE-LUV	74.729, -2.761, 83.083
Hunter-Lab	69.172, -23.241, 42.167
Binary	10110100, 11000001, 00000010

#b4c102
```
#b4c102 rgb(180,193,2)
```
#0f02c1
```
#0f02c1 rgb(15,2,193)
```

Complementary Color

#c16f02
```
#c16f02 rgb(193,111,2)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#55c102
```
#55c102 rgb(85,193,2)
```

Analogous Color

#6f02c1
```
#6f02c1 rgb(111,2,193)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#0255c1
```
#0255c1 rgb(2,85,193)
```

Split Complementary Color

#c102b4
```
#c102b4 rgb(193,2,180)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#02b4c1
```
#02b4c1 rgb(2,180,193)
```

Triadic Color

#6d7501
```
#6d7501 rgb(109,117,1)
```
#858f01
```
#858f01 rgb(133,143,1)
```
#9ca802
```
#9ca802 rgb(156,168,2)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#e3f303
```
#e3f303 rgb(227,243,3)
```
#edfd13
```
#edfd13 rgb(237,253,19)
```

Monochromatic Color

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

#c19e02
```
#c19e02 rgb(193,158,2)
```
#c1ae02
```
#c1ae02 rgb(193,174,2)
```
#c1be02
```
#c1be02 rgb(193,190,2)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#a4c102
```
#a4c102 rgb(164,193,2)
```
#94c102
```
#94c102 rgb(148,193,2)
```
#84c102
```
#84c102 rgb(132,193,2)
```

Similar Colors

Text with hexadecimal color #b4c102

This text has a font color of #b4c102.

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

#b4c102 background color

This paragraph has a background color of #b4c102.

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

#b4c102 border color

This element has a border color of #b4c102.

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

CSS codes

.text {color:#b4c102;}

.background {background-color:#b4c102;}

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

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

#111200
```
#111200 rgb(17,18,0)
```
#232600
```
#232600 rgb(35,38,0)
```
#353901
```
#353901 rgb(53,57,1)
```
#474d01
```
#474d01 rgb(71,77,1)
```
#596001
```
#596001 rgb(89,96,1)
```
#6c7301
```
#6c7301 rgb(108,115,1)
```
#7e8701
```
#7e8701 rgb(126,135,1)
```
#909a02
```
#909a02 rgb(144,154,2)
```
#a2ae02
```
#a2ae02 rgb(162,174,2)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#c6d402
```
#c6d402 rgb(198,212,2)
```
#d8e802
```
#d8e802 rgb(216,232,2)
```
#eafb03
```
#eafb03 rgb(234,251,3)
```

Shade Color Variation

#edfd15
```
#edfd15 rgb(237,253,21)
```
#eefd28
```
#eefd28 rgb(238,253,40)
```
#f0fd3c
```
#f0fd3c rgb(240,253,60)
```
#f1fd4f
```
#f1fd4f rgb(241,253,79)
```
#f3fd63
```
#f3fd63 rgb(243,253,99)
```
#f4fe76
```
#f4fe76 rgb(244,254,118)
```
#f6fe89
```
#f6fe89 rgb(246,254,137)
```
#f7fe9d
```
#f7fe9d rgb(247,254,157)
```
#f9feb0
```
#f9feb0 rgb(249,254,176)
```
#fafec4
```
#fafec4 rgb(250,254,196)
```
#fcffd7
```
#fcffd7 rgb(252,255,215)
```
#fdffea
```
#fdffea rgb(253,255,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#66675c
```
#66675c rgb(102,103,92)
```
#6d6f55
```
#6d6f55 rgb(109,111,85)
```
#73764d
```
#73764d rgb(115,118,77)
```
#7a7e46
```
#7a7e46 rgb(122,126,70)
```
#80853e
```
#80853e rgb(128,133,62)
```
#878d37
```
#878d37 rgb(135,141,55)
```
#8d942f
```
#8d942f rgb(141,148,47)
```
#949c28
```
#949c28 rgb(148,156,40)
```
#9aa320
```
#9aa320 rgb(154,163,32)
```
#a1ab19
```
#a1ab19 rgb(161,171,25)
```
#a7b211
```
#a7b211 rgb(167,178,17)
```
#aeba0a
```
#aeba0a rgb(174,186,10)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aaac86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc00 Protanopia 1% of men
#eab226 Deuteranopia 1% of men
#c6b7c4 Tritanopia 0.001% of the population

Trichromacy

#c7bd00 Protanomaly 1% of men, 0.01% of women
#d6b719 Deuteranomaly 6% of men, 0.4% of women
#bfba7d Tritanomaly 0.01% of the population