#b2e180 hex color

In a RGB color space, hex #b2e180 is composed of 69.8% red, 88.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 0% magenta, 43.1% yellow and 11.8% black. It has a hue angle of 89.1 degrees, a saturation of 61.8% and a lightness of 69.2%. #b2e180 color hex could be obtained by blending #ffffff with #65c301. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 88
- B 50
RGB color chart
- C 21
- M 0
- Y 43
- K 12
CMYK color chart

● #b2e180 color description : Very soft green.

The hexadecimal color #b2e180 has RGB values of R:178, G:225, B:128 and CMYK values of C:0.21, M:0, Y:0.43, K:0.12. Its decimal value is 11723136.

Hex triplet	b2e180	`#b2e180`
RGB Decimal	178, 225, 128	`rgb(178,225,128)`
RGB Percent	69.8, 88.2, 50.2	`rgb(69.8%,88.2%,50.2%)`
CMYK	21, 0, 43, 12
HSL	89.1°, 61.8, 69.2	`hsl(89.1,61.8%,69.2%)`
HSV (or HSB)	89.1°, 43.1, 88.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.418, -31.428, 42.487
XYZ	49.18, 64.873, 30.352
xyY	0.341, 0.449, 64.873
CIE-LCH	84.418, 52.847, 126.491
CIE-LUV	84.418, -23.204, 61.553
Hunter-Lab	80.544, -31.959, 34.038
Binary	10110010, 11100001, 10000000

#b2e180
```
#b2e180 rgb(178,225,128)
```
#af80e1
```
#af80e1 rgb(175,128,225)
```

Complementary Color

#e1e080
```
#e1e080 rgb(225,224,128)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#82e180
```
#82e180 rgb(130,225,128)
```

Analogous Color

#e080e1
```
#e080e1 rgb(224,128,225)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#8082e1
```
#8082e1 rgb(128,130,225)
```

Split Complementary Color

#e180b2
```
#e180b2 rgb(225,128,178)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#80b2e1
```
#80b2e1 rgb(128,178,225)
```

Triadic Color

#e1af80
```
#e1af80 rgb(225,175,128)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#80b2e1
```
#80b2e1 rgb(128,178,225)
```
#af80e1
```
#af80e1 rgb(175,128,225)
```

Tetradic Color

#8cd242
```
#8cd242 rgb(140,210,66)
```
#99d757
```
#99d757 rgb(153,215,87)
```
#a5dc6b
```
#a5dc6b rgb(165,220,107)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#bfe695
```
#bfe695 rgb(191,230,149)
```
#cbeba9
```
#cbeba9 rgb(203,235,169)
```
#d8f0be
```
#d8f0be rgb(216,240,190)
```

Monochromatic Color

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

#cae180
```
#cae180 rgb(202,225,128)
```
#c2e180
```
#c2e180 rgb(194,225,128)
```
#bae180
```
#bae180 rgb(186,225,128)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#aae180
```
#aae180 rgb(170,225,128)
```
#a2e180
```
#a2e180 rgb(162,225,128)
```
#9ae180
```
#9ae180 rgb(154,225,128)
```

Similar Colors

Text with hexadecimal color #b2e180

This text has a font color of #b2e180.

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

#b2e180 background color

This paragraph has a background color of #b2e180.

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

#b2e180 border color

This element has a border color of #b2e180.

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

CSS codes

.text {color:#b2e180;}

.background {background-color:#b2e180;}

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

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

#0a1004
```
#0a1004 rgb(10,16,4)
```
#142007
```
#142007 rgb(20,32,7)
```
#1e300b
```
#1e300b rgb(30,48,11)
```
#283f0f
```
#283f0f rgb(40,63,15)
```
#324f13
```
#324f13 rgb(50,79,19)
```
#3c5f16
```
#3c5f16 rgb(60,95,22)
```
#466f1a
```
#466f1a rgb(70,111,26)
```
#507f1e
```
#507f1e rgb(80,127,30)
```
#5a8f22
```
#5a8f22 rgb(90,143,34)
```
#649f25
```
#649f25 rgb(100,159,37)
```
#6eae29
```
#6eae29 rgb(110,174,41)
```
#78be2d
```
#78be2d rgb(120,190,45)
```
#82ce31
```
#82ce31 rgb(130,206,49)
```

Shade Color Variation

#8cd241
```
#8cd241 rgb(140,210,65)
```
#95d650
```
#95d650 rgb(149,214,80)
```
#9fda60
```
#9fda60 rgb(159,218,96)
```
#a8dd70
```
#a8dd70 rgb(168,221,112)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#bce590
```
#bce590 rgb(188,229,144)
```
#c5e8a0
```
#c5e8a0 rgb(197,232,160)
```
#cfecb0
```
#cfecb0 rgb(207,236,176)
```
#d8f0bf
```
#d8f0bf rgb(216,240,191)
```
#e2f4cf
```
#e2f4cf rgb(226,244,207)
```
#ecf7df
```
#ecf7df rgb(236,247,223)
```
#f5fbef
```
#f5fbef rgb(245,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b1b1b0
```
#b1b1b0 rgb(177,177,176)
```
#b1b7aa
```
#b1b7aa rgb(177,183,170)
```
#b1bda4
```
#b1bda4 rgb(177,189,164)
```
#b1c39e
```
#b1c39e rgb(177,195,158)
```
#b1c998
```
#b1c998 rgb(177,201,152)
```
#b1cf92
```
#b1cf92 rgb(177,207,146)
```
#b2d58c
```
#b2d58c rgb(178,213,140)
```
#b2db86
```
#b2db86 rgb(178,219,134)
```
#b2e180
```
#b2e180 rgb(178,225,128)
```
#b2e77a
```
#b2e77a rgb(178,231,122)
```
#b2ed74
```
#b2ed74 rgb(178,237,116)
```
#b3f36e
```
#b3f36e rgb(179,243,110)
```
#b3f968
```
#b3f968 rgb(179,249,104)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c4cdba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d481 Protanopia 1% of men
#fecc8e Deuteranopia 1% of men
#c6d7e6 Tritanopia 0.001% of the population

Trichromacy

#d4d981 Protanomaly 1% of men, 0.01% of women
#e2d388 Deuteranomaly 6% of men, 0.4% of women
#bedac1 Tritanomaly 0.01% of the population

#b2e180 hex color

#b2e180 Color Information

#b2e180 Color Conversion

Color Schemes with #b2e180

Alternatives to #b2e180

#b2e180 Preview

Shades and Tints of #b2e180

Tones of #b2e180

Color Blindness Simulator