#b2c301 hex color

In a RGB color space, hex #b2c301 is composed of 69.8% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 99.5% yellow and 23.5% black. It has a hue angle of 65.3 degrees, a saturation of 99% and a lightness of 38.4%. #b2c301 color hex could be obtained by blending #ffff02 with #658700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 76
- B 0
RGB color chart
- C 9
- M 0
- Y 99
- K 24
CMYK color chart

● #b2c301 color description : Strong yellow.

The hexadecimal color #b2c301 has RGB values of R:178, G:195, B:1 and CMYK values of C:0.09, M:0, Y:0.99, K:0.24. Its decimal value is 11715329.

Hex triplet	b2c301	`#b2c301`
RGB Decimal	178, 195, 1	`rgb(178,195,1)`
RGB Percent	69.8, 76.5, 0.4	`rgb(69.8%,76.5%,0.4%)`
CMYK	9, 0, 99, 24
HSL	65.3°, 99, 38.4	`hsl(65.3,99%,38.4%)`
HSV (or HSB)	65.3°, 99.5, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.138, -24.879, 75.537
XYZ	37.881, 48.498, 7.394
xyY	0.404, 0.517, 48.498
CIE-LCH	75.138, 79.529, 108.23
CIE-LUV	75.138, -5.311, 83.909
Hunter-Lab	69.64, -24.776, 42.453
Binary	10110010, 11000011, 00000001

#b2c301
```
#b2c301 rgb(178,195,1)
```
#1201c3
```
#1201c3 rgb(18,1,195)
```

Complementary Color

#c37301
```
#c37301 rgb(195,115,1)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#51c301
```
#51c301 rgb(81,195,1)
```

Analogous Color

#7301c3
```
#7301c3 rgb(115,1,195)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#0151c3
```
#0151c3 rgb(1,81,195)
```

Split Complementary Color

#c301b2
```
#c301b2 rgb(195,1,178)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#01b2c3
```
#01b2c3 rgb(1,178,195)
```

Triadic Color

#c31201
```
#c31201 rgb(195,18,1)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#01b2c3
```
#01b2c3 rgb(1,178,195)
```
#1201c3
```
#1201c3 rgb(18,1,195)
```

Tetradic Color

#6d7701
```
#6d7701 rgb(109,119,1)
```
#849001
```
#849001 rgb(132,144,1)
```
#9baa01
```
#9baa01 rgb(155,170,1)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#c9dc01
```
#c9dc01 rgb(201,220,1)
```
#e0f601
```
#e0f601 rgb(224,246,1)
```
#e9fe13
```
#e9fe13 rgb(233,254,19)
```

Monochromatic Color

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

#c3a401
```
#c3a401 rgb(195,164,1)
```
#c3b401
```
#c3b401 rgb(195,180,1)
```
#c2c301
```
#c2c301 rgb(194,195,1)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#a2c301
```
#a2c301 rgb(162,195,1)
```
#92c301
```
#92c301 rgb(146,195,1)
```
#82c301
```
#82c301 rgb(130,195,1)
```

Similar Colors

Text with hexadecimal color #b2c301

This text has a font color of #b2c301.

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

#b2c301 background color

This paragraph has a background color of #b2c301.

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

#b2c301 border color

This element has a border color of #b2c301.

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

CSS codes

.text {color:#b2c301;}

.background {background-color:#b2c301;}

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

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

#121300
```
#121300 rgb(18,19,0)
```
#232700
```
#232700 rgb(35,39,0)
```
#353a00
```
#353a00 rgb(53,58,0)
```
#474e00
```
#474e00 rgb(71,78,0)
```
#596100
```
#596100 rgb(89,97,0)
```
#6b7501
```
#6b7501 rgb(107,117,1)
```
#7d8801
```
#7d8801 rgb(125,136,1)
```
#8e9c01
```
#8e9c01 rgb(142,156,1)
```
#a0af01
```
#a0af01 rgb(160,175,1)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```
#c4d701
```
#c4d701 rgb(196,215,1)
```
#d6ea01
```
#d6ea01 rgb(214,234,1)
```
#e7fe01
```
#e7fe01 rgb(231,254,1)
```

Shade Color Variation

#e9fe15
```
#e9fe15 rgb(233,254,21)
```
#ebfe28
```
#ebfe28 rgb(235,254,40)
```
#edfe3c
```
#edfe3c rgb(237,254,60)
```
#effe4f
```
#effe4f rgb(239,254,79)
```
#f1fe63
```
#f1fe63 rgb(241,254,99)
```
#f2fe76
```
#f2fe76 rgb(242,254,118)
```
#f4fe8a
```
#f4fe8a rgb(244,254,138)
```
#f6fe9d
```
#f6fe9d rgb(246,254,157)
```
#f8ffb1
```
#f8ffb1 rgb(248,255,177)
```
#faffc4
```
#faffc4 rgb(250,255,196)
```
#fbffd8
```
#fbffd8 rgb(251,255,216)
```
#fdffeb
```
#fdffeb rgb(253,255,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#67695b
```
#67695b rgb(103,105,91)
```
#6e7054
```
#6e7054 rgb(110,112,84)
```
#74784c
```
#74784c rgb(116,120,76)
```
#7a7f45
```
#7a7f45 rgb(122,127,69)
```
#80873d
```
#80873d rgb(128,135,61)
```
#868e36
```
#868e36 rgb(134,142,54)
```
#8d962e
```
#8d962e rgb(141,150,46)
```
#939d27
```
#939d27 rgb(147,157,39)
```
#99a51f
```
#99a51f rgb(153,165,31)
```
#9fac18
```
#9fac18 rgb(159,172,24)
```
#a6b410
```
#a6b410 rgb(166,180,16)
```
#acbb09
```
#acbb09 rgb(172,187,9)
```
#b2c301
```
#b2c301 rgb(178,195,1)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaad87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd00 Protanopia 1% of men
#ebb327 Deuteranopia 1% of men
#c5b8c6 Tritanopia 0.001% of the population

Trichromacy

#c7bf00 Protanomaly 1% of men, 0.01% of women
#d6b919 Deuteranomaly 6% of men, 0.4% of women
#bebc7e Tritanomaly 0.01% of the population

#b2c301 hex color

#b2c301 Color Information

#b2c301 Color Conversion

Color Schemes with #b2c301

Alternatives to #b2c301

#b2c301 Preview

Shades and Tints of #b2c301

Tones of #b2c301

Color Blindness Simulator