#b2b300 hex color

In a RGB color space, hex #b2b300 is composed of 69.8% red, 70.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 100% yellow and 29.8% black. It has a hue angle of 60.3 degrees, a saturation of 100% and a lightness of 35.1%. #b2b300 color hex could be obtained by blending #ffff00 with #656700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 70
- B 0
RGB color chart
- C 1
- M 0
- Y 100
- K 30
CMYK color chart

● #b2b300 color description : Strong yellow.

The hexadecimal color #b2b300 has RGB values of R:178, G:179, B:0 and CMYK values of C:0.01, M:0, Y:1, K:0.3. Its decimal value is 11711232.

Hex triplet	b2b300	`#b2b300`
RGB Decimal	178, 179, 0	`rgb(178,179,0)`
RGB Percent	69.8, 70.2, 0	`rgb(69.8%,70.2%,0%)`
CMYK	1, 0, 100, 30
HSL	60.3°, 100, 35.1	`hsl(60.3,100%,35.1%)`
HSV (or HSB)	60.3°, 100, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.668, -16.968, 72.344
XYZ	34.48, 41.706, 6.234
xyY	0.418, 0.506, 41.706
CIE-LCH	70.668, 74.307, 103.2
CIE-LUV	70.668, 4.918, 77.77
Hunter-Lab	64.58, -17.711, 39.483
Binary	10110010, 10110011, 00000000

#b2b300
```
#b2b300 rgb(178,179,0)
```
#0100b3
```
#0100b3 rgb(1,0,179)
```

Complementary Color

#b35b00
```
#b35b00 rgb(179,91,0)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#58b300
```
#58b300 rgb(88,179,0)
```

Analogous Color

#5b00b3
```
#5b00b3 rgb(91,0,179)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#0058b3
```
#0058b3 rgb(0,88,179)
```

Split Complementary Color

#b300b2
```
#b300b2 rgb(179,0,178)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#00b2b3
```
#00b2b3 rgb(0,178,179)
```

Triadic Color

#b30100
```
#b30100 rgb(179,1,0)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#00b2b3
```
#00b2b3 rgb(0,178,179)
```
#0100b3
```
#0100b3 rgb(1,0,179)
```

Tetradic Color

#666700
```
#666700 rgb(102,103,0)
```
#7f8000
```
#7f8000 rgb(127,128,0)
```
#999a00
```
#999a00 rgb(153,154,0)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#cbcd00
```
#cbcd00 rgb(203,205,0)
```
#e5e600
```
#e5e600 rgb(229,230,0)
```
#feff00
```
#feff00 rgb(254,255,0)
```

Monochromatic Color

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

#b38700
```
#b38700 rgb(179,135,0)
```
#b39600
```
#b39600 rgb(179,150,0)
```
#b3a500
```
#b3a500 rgb(179,165,0)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#a3b300
```
#a3b300 rgb(163,179,0)
```
#94b300
```
#94b300 rgb(148,179,0)
```
#85b300
```
#85b300 rgb(133,179,0)
```

Similar Colors

Text with hexadecimal color #b2b300

This text has a font color of #b2b300.

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

#b2b300 background color

This paragraph has a background color of #b2b300.

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

#b2b300 border color

This element has a border color of #b2b300.

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

CSS codes

.text {color:#b2b300;}

.background {background-color:#b2b300;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161600
```
#161600 rgb(22,22,0)
```
#292a00
```
#292a00 rgb(41,42,0)
```
#3d3d00
```
#3d3d00 rgb(61,61,0)
```
#505100
```
#505100 rgb(80,81,0)
```
#646500
```
#646500 rgb(100,101,0)
```
#777800
```
#777800 rgb(119,120,0)
```
#8b8c00
```
#8b8c00 rgb(139,140,0)
```
#9e9f00
```
#9e9f00 rgb(158,159,0)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```
#c6c700
```
#c6c700 rgb(198,199,0)
```
#d9da00
```
#d9da00 rgb(217,218,0)
```
#edee00
```
#edee00 rgb(237,238,0)
```

Shade Color Variation

#feff02
```
#feff02 rgb(254,255,2)
```
#feff16
```
#feff16 rgb(254,255,22)
```
#feff2a
```
#feff2a rgb(254,255,42)
```
#feff3d
```
#feff3d rgb(254,255,61)
```
#feff51
```
#feff51 rgb(254,255,81)
```
#feff65
```
#feff65 rgb(254,255,101)
```
#feff78
```
#feff78 rgb(254,255,120)
```
#feff8c
```
#feff8c rgb(254,255,140)
```
#feff9f
```
#feff9f rgb(254,255,159)
```
#ffffb3
```
#ffffb3 rgb(255,255,179)
```
#ffffc7
```
#ffffc7 rgb(255,255,199)
```
#ffffda
```
#ffffda rgb(255,255,218)
```
#ffffee
```
#ffffee rgb(255,255,238)
```

Tint Color Variation

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

#606053
```
#606053 rgb(96,96,83)
```
#67674c
```
#67674c rgb(103,103,76)
```
#6e6e45
```
#6e6e45 rgb(110,110,69)
```
#75753e
```
#75753e rgb(117,117,62)
```
#7c7c37
```
#7c7c37 rgb(124,124,55)
```
#828330
```
#828330 rgb(130,131,48)
```
#898a29
```
#898a29 rgb(137,138,41)
```
#909122
```
#909122 rgb(144,145,34)
```
#97971c
```
#97971c rgb(151,151,28)
```
#9e9e15
```
#9e9e15 rgb(158,158,21)
```
#a4a50e
```
#a4a50e rgb(164,165,14)
```
#abac07
```
#abac07 rgb(171,172,7)
```
#b2b300
```
#b2b300 rgb(178,179,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a2a27e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b100 Protanopia 1% of men
#dda821 Deuteranopia 1% of men
#c2aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb200 Protanomaly 1% of men, 0.01% of women
#cdac15 Deuteranomaly 6% of men, 0.4% of women
#bcad74 Tritanomaly 0.01% of the population

#b2b300 hex color

#b2b300 Color Information

#b2b300 Color Conversion

Color Schemes with #b2b300

Alternatives to #b2b300

#b2b300 Preview

Shades and Tints of #b2b300

Tones of #b2b300

Color Blindness Simulator