#b2bc02 hex color

In a RGB color space, hex #b2bc02 is composed of 69.8% red, 73.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 98.9% yellow and 26.3% black. It has a hue angle of 63.2 degrees, a saturation of 97.9% and a lightness of 37.3%. #b2bc02 color hex could be obtained by blending #ffff04 with #657900. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 74
- B 1
RGB color chart
- C 5
- M 0
- Y 99
- K 26
CMYK color chart

● #b2bc02 color description : Strong yellow.

The hexadecimal color #b2bc02 has RGB values of R:178, G:188, B:2 and CMYK values of C:0.05, M:0, Y:0.99, K:0.26. Its decimal value is 11713538.

Hex triplet	b2bc02	`#b2bc02`
RGB Decimal	178, 188, 2	`rgb(178,188,2)`
RGB Percent	69.8, 73.7, 0.8	`rgb(69.8%,73.7%,0.8%)`
CMYK	5, 0, 99, 26
HSL	63.2°, 97.9, 37.3	`hsl(63.2,97.9%,37.3%)`
HSV (or HSB)	63.2°, 98.9, 73.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	73.178, -21.442, 73.971
XYZ	36.354, 45.436, 6.912
xyY	0.41, 0.512, 45.436
CIE-LCH	73.178, 77.016, 106.166
CIE-LUV	73.178, -0.92, 81.136
Hunter-Lab	67.406, -21.691, 41.104
Binary	10110010, 10111100, 00000010

#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#0c02bc
```
#0c02bc rgb(12,2,188)
```

Complementary Color

#bc6902
```
#bc6902 rgb(188,105,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#55bc02
```
#55bc02 rgb(85,188,2)
```

Analogous Color

#6902bc
```
#6902bc rgb(105,2,188)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#0255bc
```
#0255bc rgb(2,85,188)
```

Split Complementary Color

#bc02b2
```
#bc02b2 rgb(188,2,178)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#02b2bc
```
#02b2bc rgb(2,178,188)
```

Triadic Color

#bc0c02
```
#bc0c02 rgb(188,12,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#02b2bc
```
#02b2bc rgb(2,178,188)
```
#0c02bc
```
#0c02bc rgb(12,2,188)
```

Tetradic Color

#6a7001
```
#6a7001 rgb(106,112,1)
```
#828a01
```
#828a01 rgb(130,138,1)
```
#9aa302
```
#9aa302 rgb(154,163,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#cad502
```
#cad502 rgb(202,213,2)
```
#e2ee03
```
#e2ee03 rgb(226,238,3)
```
#f0fc0e
```
#f0fc0e rgb(240,252,14)
```

Monochromatic Color

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

#bc9802
```
#bc9802 rgb(188,152,2)
```
#bca702
```
#bca702 rgb(188,167,2)
```
#bcb702
```
#bcb702 rgb(188,183,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#a3bc02
```
#a3bc02 rgb(163,188,2)
```
#93bc02
```
#93bc02 rgb(147,188,2)
```
#84bc02
```
#84bc02 rgb(132,188,2)
```

Similar Colors

Text with hexadecimal color #b2bc02

This text has a font color of #b2bc02.

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

#b2bc02 background color

This paragraph has a background color of #b2bc02.

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

#b2bc02 border color

This element has a border color of #b2bc02.

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

CSS codes

.text {color:#b2bc02;}

.background {background-color:#b2bc02;}

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

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

#0d0d00
```
#0d0d00 rgb(13,13,0)
```
#1f2100
```
#1f2100 rgb(31,33,0)
```
#313401
```
#313401 rgb(49,52,1)
```
#444801
```
#444801 rgb(68,72,1)
```
#565b01
```
#565b01 rgb(86,91,1)
```
#686e01
```
#686e01 rgb(104,110,1)
```
#7b8201
```
#7b8201 rgb(123,130,1)
```
#8d9502
```
#8d9502 rgb(141,149,2)
```
#a0a902
```
#a0a902 rgb(160,169,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#c4cf02
```
#c4cf02 rgb(196,207,2)
```
#d7e302
```
#d7e302 rgb(215,227,2)
```
#e9f603
```
#e9f603 rgb(233,246,3)
```

Shade Color Variation

#f0fc10
```
#f0fc10 rgb(240,252,16)
```
#f1fd23
```
#f1fd23 rgb(241,253,35)
```
#f2fd37
```
#f2fd37 rgb(242,253,55)
```
#f3fd4a
```
#f3fd4a rgb(243,253,74)
```
#f5fd5e
```
#f5fd5e rgb(245,253,94)
```
#f6fd71
```
#f6fd71 rgb(246,253,113)
```
#f7fe84
```
#f7fe84 rgb(247,254,132)
```
#f8fe98
```
#f8fe98 rgb(248,254,152)
```
#fafeab
```
#fafeab rgb(250,254,171)
```
#fbfebf
```
#fbfebf rgb(251,254,191)
```
#fcffd2
```
#fcffd2 rgb(252,255,210)
```
#fdffe6
```
#fdffe6 rgb(253,255,230)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#64645a
```
#64645a rgb(100,100,90)
```
#6a6c52
```
#6a6c52 rgb(106,108,82)
```
#71734b
```
#71734b rgb(113,115,75)
```
#777a44
```
#777a44 rgb(119,122,68)
```
#7e823c
```
#7e823c rgb(126,130,60)
```
#848935
```
#848935 rgb(132,137,53)
```
#8b902e
```
#8b902e rgb(139,144,46)
```
#919727
```
#919727 rgb(145,151,39)
```
#989f1f
```
#989f1f rgb(152,159,31)
```
#9ea618
```
#9ea618 rgb(158,166,24)
```
#a5ad11
```
#a5ad11 rgb(165,173,17)
```
#abb509
```
#abb509 rgb(171,181,9)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb700 Protanopia 1% of men
#e5ae25 Deuteranopia 1% of men
#c4b2bf Tritanopia 0.001% of the population

Trichromacy

#c3b900 Protanomaly 1% of men, 0.01% of women
#d2b318 Deuteranomaly 6% of men, 0.4% of women
#bdb67a Tritanomaly 0.01% of the population

#b2bc02 hex color

#b2bc02 Color Information

#b2bc02 Color Conversion

Color Schemes with #b2bc02

Alternatives to #b2bc02

#b2bc02 Preview

Shades and Tints of #b2bc02

Tones of #b2bc02

Color Blindness Simulator