#b2f345 hex color

In a RGB color space, hex #b2f345 is composed of 69.8% red, 95.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 71.6% yellow and 4.7% black. It has a hue angle of 82.4 degrees, a saturation of 87.9% and a lightness of 61.2%. #b2f345 color hex could be obtained by blending #ffff8a with #65e700. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 70
- G 95
- B 27
RGB color chart
- C 27
- M 0
- Y 72
- K 5
CMYK color chart

● #b2f345 color description : Bright green.

The hexadecimal color #b2f345 has RGB values of R:178, G:243, B:69 and CMYK values of C:0.27, M:0, Y:0.72, K:0.05. Its decimal value is 11727685.

Hex triplet	b2f345	`#b2f345`
RGB Decimal	178, 243, 69	`rgb(178,243,69)`
RGB Percent	69.8, 95.3, 27.1	`rgb(69.8%,95.3%,27.1%)`
CMYK	27, 0, 72, 5
HSL	82.4°, 87.9, 61.2	`hsl(82.4,87.9%,61.2%)`
HSV (or HSB)	82.4°, 71.6, 95.3
Web Safe	99ff33	`#99ff33`

CIE-LAB	88.92, -44.66, 72.782
XYZ	51.484, 73.994, 17.2
xyY	0.361, 0.519, 73.994
CIE-LCH	88.92, 85.391, 121.534
CIE-LUV	88.92, -32.443, 93.256
Hunter-Lab	86.02, -43.701, 48.359
Binary	10110010, 11110011, 01000101

#b2f345
```
#b2f345 rgb(178,243,69)
```
#8645f3
```
#8645f3 rgb(134,69,243)
```

Complementary Color

#f3dd45
```
#f3dd45 rgb(243,221,69)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#5bf345
```
#5bf345 rgb(91,243,69)
```

Analogous Color

#dd45f3
```
#dd45f3 rgb(221,69,243)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#455bf3
```
#455bf3 rgb(69,91,243)
```

Split Complementary Color

#f345b2
```
#f345b2 rgb(243,69,178)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#45b2f3
```
#45b2f3 rgb(69,178,243)
```

Triadic Color

#f38645
```
#f38645 rgb(243,134,69)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#45b2f3
```
#45b2f3 rgb(69,178,243)
```
#8645f3
```
#8645f3 rgb(134,69,243)
```

Tetradic Color

#90dd0e
```
#90dd0e rgb(144,221,14)
```
#9ef015
```
#9ef015 rgb(158,240,21)
```
#a8f12d
```
#a8f12d rgb(168,241,45)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#bcf55d
```
#bcf55d rgb(188,245,93)
```
#c6f675
```
#c6f675 rgb(198,246,117)
```
#d0f88d
```
#d0f88d rgb(208,248,141)
```

Monochromatic Color

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

#def345
```
#def345 rgb(222,243,69)
```
#cff345
```
#cff345 rgb(207,243,69)
```
#c1f345
```
#c1f345 rgb(193,243,69)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#a4f345
```
#a4f345 rgb(164,243,69)
```
#95f345
```
#95f345 rgb(149,243,69)
```
#87f345
```
#87f345 rgb(135,243,69)
```

Similar Colors

Text with hexadecimal color #b2f345

This text has a font color of #b2f345.

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

#b2f345 background color

This paragraph has a background color of #b2f345.

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

#b2f345 border color

This element has a border color of #b2f345.

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

CSS codes

.text {color:#b2f345;}

.background {background-color:#b2f345;}

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

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

#0b1101
```
#0b1101 rgb(11,17,1)
```
#172302
```
#172302 rgb(23,35,2)
```
#233603
```
#233603 rgb(35,54,3)
```
#2f4805
```
#2f4805 rgb(47,72,5)
```
#3b5a06
```
#3b5a06 rgb(59,90,6)
```
#476d07
```
#476d07 rgb(71,109,7)
```
#537f08
```
#537f08 rgb(83,127,8)
```
#5f9209
```
#5f9209 rgb(95,146,9)
```
#6ba40b
```
#6ba40b rgb(107,164,11)
```
#77b70c
```
#77b70c rgb(119,183,12)
```
#83c90d
```
#83c90d rgb(131,201,13)
```
#8fdb0e
```
#8fdb0e rgb(143,219,14)
```
#9bee0f
```
#9bee0f rgb(155,238,15)
```

Shade Color Variation

#a3f120
```
#a3f120 rgb(163,241,32)
```
#aaf233
```
#aaf233 rgb(170,242,51)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#baf457
```
#baf457 rgb(186,244,87)
```
#c1f56a
```
#c1f56a rgb(193,245,106)
```
#c9f77c
```
#c9f77c rgb(201,247,124)
```
#d1f88f
```
#d1f88f rgb(209,248,143)
```
#d8f9a1
```
#d8f9a1 rgb(216,249,161)
```
#e0fab4
```
#e0fab4 rgb(224,250,180)
```
#e7fbc6
```
#e7fbc6 rgb(231,251,198)
```
#effdd8
```
#effdd8 rgb(239,253,216)
```
#f7feeb
```
#f7feeb rgb(247,254,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#9d9f99
```
#9d9f99 rgb(157,159,153)
```
#9fa791
```
#9fa791 rgb(159,167,145)
```
#a1ae8a
```
#a1ae8a rgb(161,174,138)
```
#a3b682
```
#a3b682 rgb(163,182,130)
```
#a5be7a
```
#a5be7a rgb(165,190,122)
```
#a6c573
```
#a6c573 rgb(166,197,115)
```
#a8cd6b
```
#a8cd6b rgb(168,205,107)
```
#aad563
```
#aad563 rgb(170,213,99)
```
#acdc5c
```
#acdc5c rgb(172,220,92)
```
#aee454
```
#aee454 rgb(174,228,84)
```
#b0eb4d
```
#b0eb4d rgb(176,235,77)
```
#b2f345
```
#b2f345 rgb(178,243,69)
```
#b4fb3d
```
#b4fb3d rgb(180,251,61)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7d4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae149 Protanopia 1% of men
#ffdbac Deuteranopia 1% of men
#cde4f4 Tritanopia 0.001% of the population

Trichromacy

#e0e748 Protanomaly 1% of men, 0.01% of women
#e3e486 Deuteranomaly 6% of men, 0.4% of women
#c3e9b4 Tritanomaly 0.01% of the population

#b2f345 hex color

#b2f345 Color Information

#b2f345 Color Conversion

Color Schemes with #b2f345

Alternatives to #b2f345

#b2f345 Preview

Shades and Tints of #b2f345

Tones of #b2f345

Color Blindness Simulator