#b2e304 hex color

In a RGB color space, hex #b2e304 is composed of 69.8% red, 89% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 0% magenta, 98.2% yellow and 11% black. It has a hue angle of 73.2 degrees, a saturation of 96.5% and a lightness of 45.3%. #b2e304 color hex could be obtained by blending #ffff08 with #65c700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 89
- B 2
RGB color chart
- C 22
- M 0
- Y 98
- K 11
CMYK color chart

● #b2e304 color description : Vivid yellow.

The hexadecimal color #b2e304 has RGB values of R:178, G:227, B:4 and CMYK values of C:0.22, M:0, Y:0.98, K:0.11. Its decimal value is 11723524.

Hex triplet	b2e304	`#b2e304`
RGB Decimal	178, 227, 4	`rgb(178,227,4)`
RGB Percent	69.8, 89, 1.6	`rgb(69.8%,89%,1.6%)`
CMYK	22, 0, 98, 11
HSL	73.2°, 96.5, 45.3	`hsl(73.2,96.5%,45.3%)`
HSV (or HSB)	73.2°, 98.2, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.179, -39.67, 82.093
XYZ	45.851, 64.411, 10.132
xyY	0.381, 0.535, 64.411
CIE-LCH	84.179, 91.175, 115.791
CIE-LUV	84.179, -23.966, 96.058
Hunter-Lab	80.257, -38.472, 48.695
Binary	10110010, 11100011, 00000100

#b2e304
```
#b2e304 rgb(178,227,4)
```
#3504e3
```
#3504e3 rgb(53,4,227)
```

Complementary Color

#e3a504
```
#e3a504 rgb(227,165,4)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#43e304
```
#43e304 rgb(67,227,4)
```

Analogous Color

#a504e3
```
#a504e3 rgb(165,4,227)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#0443e3
```
#0443e3 rgb(4,67,227)
```

Split Complementary Color

#e304b2
```
#e304b2 rgb(227,4,178)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#04b2e3
```
#04b2e3 rgb(4,178,227)
```

Triadic Color

#e33504
```
#e33504 rgb(227,53,4)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#04b2e3
```
#04b2e3 rgb(4,178,227)
```
#3504e3
```
#3504e3 rgb(53,4,227)
```

Tetradic Color

#779803
```
#779803 rgb(119,152,3)
```
#8bb103
```
#8bb103 rgb(139,177,3)
```
#9eca04
```
#9eca04 rgb(158,202,4)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#c5fb06
```
#c5fb06 rgb(197,251,6)
```
#cbfb1f
```
#cbfb1f rgb(203,251,31)
```
#d1fb38
```
#d1fb38 rgb(209,251,56)
```

Monochromatic Color

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

#e3dc04
```
#e3dc04 rgb(227,220,4)
```
#d7e304
```
#d7e304 rgb(215,227,4)
```
#c5e304
```
#c5e304 rgb(197,227,4)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#9fe304
```
#9fe304 rgb(159,227,4)
```
#8de304
```
#8de304 rgb(141,227,4)
```
#7ae304
```
#7ae304 rgb(122,227,4)
```

Similar Colors

Text with hexadecimal color #b2e304

This text has a font color of #b2e304.

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

#b2e304 background color

This paragraph has a background color of #b2e304.

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

#b2e304 border color

This element has a border color of #b2e304.

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

CSS codes

.text {color:#b2e304;}

.background {background-color:#b2e304;}

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

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

#0c0f00
```
#0c0f00 rgb(12,15,0)
```
#1b2201
```
#1b2201 rgb(27,34,1)
```
#2a3601
```
#2a3601 rgb(42,54,1)
```
#394901
```
#394901 rgb(57,73,1)
```
#485c02
```
#485c02 rgb(72,92,2)
```
#576f02
```
#576f02 rgb(87,111,2)
```
#668302
```
#668302 rgb(102,131,2)
```
#769603
```
#769603 rgb(118,150,3)
```
#85a903
```
#85a903 rgb(133,169,3)
```
#94bc03
```
#94bc03 rgb(148,188,3)
```
#a3d004
```
#a3d004 rgb(163,208,4)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```
#c1f604
```
#c1f604 rgb(193,246,4)
```

Shade Color Variation

#c8fb13
```
#c8fb13 rgb(200,251,19)
```
#ccfb27
```
#ccfb27 rgb(204,251,39)
```
#d1fc3a
```
#d1fc3a rgb(209,252,58)
```
#d5fc4d
```
#d5fc4d rgb(213,252,77)
```
#dafc60
```
#dafc60 rgb(218,252,96)
```
#defd74
```
#defd74 rgb(222,253,116)
```
#e3fd87
```
#e3fd87 rgb(227,253,135)
```
#e7fd9a
```
#e7fd9a rgb(231,253,154)
```
#ecfeae
```
#ecfeae rgb(236,254,174)
```
#f0fec1
```
#f0fec1 rgb(240,254,193)
```
#f5fed4
```
#f5fed4 rgb(245,254,212)
```
#f9ffe7
```
#f9ffe7 rgb(249,255,231)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#76786f
```
#76786f rgb(118,120,111)
```
#7b8166
```
#7b8166 rgb(123,129,102)
```
#808a5d
```
#808a5d rgb(128,138,93)
```
#859354
```
#859354 rgb(133,147,84)
```
#8a9c4b
```
#8a9c4b rgb(138,156,75)
```
#8fa542
```
#8fa542 rgb(143,165,66)
```
#94ae39
```
#94ae39 rgb(148,174,57)
```
#99b730
```
#99b730 rgb(153,183,48)
```
#9ebf28
```
#9ebf28 rgb(158,191,40)
```
#a3c81f
```
#a3c81f rgb(163,200,31)
```
#a8d116
```
#a8d116 rgb(168,209,22)
```
#adda0d
```
#adda0d rgb(173,218,13)
```
#b2e304
```
#b2e304 rgb(178,227,4)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed400 Protanopia 1% of men
#ffcc74 Deuteranopia 1% of men
#cbd5e4 Tritanopia 0.001% of the population

Trichromacy

#d8d901 Protanomaly 1% of men, 0.01% of women
#e3d44b Deuteranomaly 6% of men, 0.4% of women
#c2da92 Tritanomaly 0.01% of the population

#b2e304 hex color

#b2e304 Color Information

#b2e304 Color Conversion

Color Schemes with #b2e304

Alternatives to #b2e304

#b2e304 Preview

Shades and Tints of #b2e304

Tones of #b2e304

Color Blindness Simulator