#b2e676 hex color

In a RGB color space, hex #b2e676 is composed of 69.8% red, 90.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 48.7% yellow and 9.8% black. It has a hue angle of 87.9 degrees, a saturation of 69.1% and a lightness of 68.2%. #b2e676 color hex could be obtained by blending #ffffec with #65cd00. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 70
- G 90
- B 46
RGB color chart
- C 23
- M 0
- Y 49
- K 10
CMYK color chart

● #b2e676 color description : Soft green.

The hexadecimal color #b2e676 has RGB values of R:178, G:230, B:118 and CMYK values of C:0.23, M:0, Y:0.49, K:0.1. Its decimal value is 11724406.

Hex triplet	b2e676	`#b2e676`
RGB Decimal	178, 230, 118	`rgb(178,230,118)`
RGB Percent	69.8, 90.2, 46.3	`rgb(69.8%,90.2%,46.3%)`
CMYK	23, 0, 49, 10
HSL	87.9°, 69.1, 68.2	`hsl(87.9,69.1%,68.2%)`
HSV (or HSB)	87.9°, 48.7, 90.2
Web Safe	99ff66	`#99ff66`

CIE-LAB	85.688, -34.884, 48.886
XYZ	49.926, 67.366, 27.511
xyY	0.345, 0.465, 67.366
CIE-LCH	85.688, 60.056, 125.511
CIE-LUV	85.688, -25.746, 69.207
Hunter-Lab	82.077, -35.055, 37.58
Binary	10110010, 11100110, 01110110

#b2e676
```
#b2e676 rgb(178,230,118)
```
#aa76e6
```
#aa76e6 rgb(170,118,230)
```

Complementary Color

#e6e276
```
#e6e276 rgb(230,226,118)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#7ae676
```
#7ae676 rgb(122,230,118)
```

Analogous Color

#e276e6
```
#e276e6 rgb(226,118,230)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#767ae6
```
#767ae6 rgb(118,122,230)
```

Split Complementary Color

#e676b2
```
#e676b2 rgb(230,118,178)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#76b2e6
```
#76b2e6 rgb(118,178,230)
```

Triadic Color

#e6aa76
```
#e6aa76 rgb(230,170,118)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#76b2e6
```
#76b2e6 rgb(118,178,230)
```
#aa76e6
```
#aa76e6 rgb(170,118,230)
```

Tetradic Color

#8eda35
```
#8eda35 rgb(142,218,53)
```
#9ade4b
```
#9ade4b rgb(154,222,75)
```
#a6e260
```
#a6e260 rgb(166,226,96)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#beea8c
```
#beea8c rgb(190,234,140)
```
#caeea1
```
#caeea1 rgb(202,238,161)
```
#d6f2b7
```
#d6f2b7 rgb(214,242,183)
```

Monochromatic Color

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

#cee676
```
#cee676 rgb(206,230,118)
```
#c5e676
```
#c5e676 rgb(197,230,118)
```
#bbe676
```
#bbe676 rgb(187,230,118)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#a9e676
```
#a9e676 rgb(169,230,118)
```
#9fe676
```
#9fe676 rgb(159,230,118)
```
#96e676
```
#96e676 rgb(150,230,118)
```

Similar Colors

Text with hexadecimal color #b2e676

This text has a font color of #b2e676.

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

#b2e676 background color

This paragraph has a background color of #b2e676.

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

#b2e676 border color

This element has a border color of #b2e676.

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

CSS codes

.text {color:#b2e676;}

.background {background-color:#b2e676;}

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

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, #080c02 is the darkest color, while #fdfefb is the lightest one.

#080c02
```
#080c02 rgb(8,12,2)
```
#121d05
```
#121d05 rgb(18,29,5)
```
#1c2d08
```
#1c2d08 rgb(28,45,8)
```
#273e0b
```
#273e0b rgb(39,62,11)
```
#314f0e
```
#314f0e rgb(49,79,14)
```
#3b5f11
```
#3b5f11 rgb(59,95,17)
```
#457014
```
#457014 rgb(69,112,20)
```
#508017
```
#508017 rgb(80,128,23)
```
#5a911a
```
#5a911a rgb(90,145,26)
```
#64a21d
```
#64a21d rgb(100,162,29)
```
#6fb221
```
#6fb221 rgb(111,178,33)
```
#79c324
```
#79c324 rgb(121,195,36)
```
#83d327
```
#83d327 rgb(131,211,39)
```

Shade Color Variation

#8dda34
```
#8dda34 rgb(141,218,52)
```
#96dd44
```
#96dd44 rgb(150,221,68)
```
#9fe055
```
#9fe055 rgb(159,224,85)
```
#a9e365
```
#a9e365 rgb(169,227,101)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#bbe987
```
#bbe987 rgb(187,233,135)
```
#c5ec97
```
#c5ec97 rgb(197,236,151)
```
#ceefa8
```
#ceefa8 rgb(206,239,168)
```
#d7f2b8
```
#d7f2b8 rgb(215,242,184)
```
#e1f5c9
```
#e1f5c9 rgb(225,245,201)
```
#eaf8da
```
#eaf8da rgb(234,248,218)
```
#f3fbea
```
#f3fbea rgb(243,251,234)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#aeb4a8
```
#aeb4a8 rgb(174,180,168)
```
#afbaa2
```
#afbaa2 rgb(175,186,162)
```
#afc19b
```
#afc19b rgb(175,193,155)
```
#b0c795
```
#b0c795 rgb(176,199,149)
```
#b0cd8f
```
#b0cd8f rgb(176,205,143)
```
#b1d389
```
#b1d389 rgb(177,211,137)
```
#b1da82
```
#b1da82 rgb(177,218,130)
```
#b2e07c
```
#b2e07c rgb(178,224,124)
```
#b2e676
```
#b2e676 rgb(178,230,118)
```
#b2ec70
```
#b2ec70 rgb(178,236,112)
```
#b3f26a
```
#b3f26a rgb(179,242,106)
```
#b3f963
```
#b3f963 rgb(179,249,99)
```
#b4ff5d
```
#b4ff5d rgb(180,255,93)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5d0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd878 Protanopia 1% of men
#ffd095 Deuteranopia 1% of men
#c7daea Tritanopia 0.001% of the population

Trichromacy

#d7dd77 Protanomaly 1% of men, 0.01% of women
#e3d889 Deuteranomaly 6% of men, 0.4% of women
#bfdec0 Tritanomaly 0.01% of the population

#b2e676 hex color

#b2e676 Color Information

#b2e676 Color Conversion

Color Schemes with #b2e676

Alternatives to #b2e676

#b2e676 Preview

Shades and Tints of #b2e676

Tones of #b2e676

Color Blindness Simulator