#b2d676 hex color

In a RGB color space, hex #b2d676 is composed of 69.8% red, 83.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 0% magenta, 44.9% yellow and 16.1% black. It has a hue angle of 82.5 degrees, a saturation of 53.9% and a lightness of 65.1%. #b2d676 color hex could be obtained by blending #ffffec with #65ad00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 84
- B 46
RGB color chart
- C 17
- M 0
- Y 45
- K 16
CMYK color chart

● #b2d676 color description : Slightly desaturated green.

The hexadecimal color #b2d676 has RGB values of R:178, G:214, B:118 and CMYK values of C:0.17, M:0, Y:0.45, K:0.16. Its decimal value is 11720310.

Hex triplet	b2d676	`#b2d676`
RGB Decimal	178, 214, 118	`rgb(178,214,118)`
RGB Percent	69.8, 83.9, 46.3	`rgb(69.8%,83.9%,46.3%)`
CMYK	17, 0, 45, 16
HSL	82.5°, 53.9, 65.1	`hsl(82.5,53.9%,65.1%)`
HSV (or HSB)	82.5°, 44.9, 83.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.218, -27.403, 43.387
XYZ	45.676, 58.866, 26.094
xyY	0.35, 0.451, 58.866
CIE-LCH	81.218, 51.316, 122.276
CIE-LUV	81.218, -17.312, 61.028
Hunter-Lab	76.724, -28.001, 33.542
Binary	10110010, 11010110, 01110110

#b2d676
```
#b2d676 rgb(178,214,118)
```
#9a76d6
```
#9a76d6 rgb(154,118,214)
```

Complementary Color

#d6ca76
```
#d6ca76 rgb(214,202,118)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#82d676
```
#82d676 rgb(130,214,118)
```

Analogous Color

#ca76d6
```
#ca76d6 rgb(202,118,214)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#7682d6
```
#7682d6 rgb(118,130,214)
```

Split Complementary Color

#d676b2
```
#d676b2 rgb(214,118,178)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#76b2d6
```
#76b2d6 rgb(118,178,214)
```

Triadic Color

#d69a76
```
#d69a76 rgb(214,154,118)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#76b2d6
```
#76b2d6 rgb(118,178,214)
```
#9a76d6
```
#9a76d6 rgb(154,118,214)
```

Tetradic Color

#91c43b
```
#91c43b rgb(145,196,59)
```
#9cca4f
```
#9cca4f rgb(156,202,79)
```
#a7d062
```
#a7d062 rgb(167,208,98)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#bddc8a
```
#bddc8a rgb(189,220,138)
```
#c8e29d
```
#c8e29d rgb(200,226,157)
```
#d3e8b1
```
#d3e8b1 rgb(211,232,177)
```

Monochromatic Color

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

#cad676
```
#cad676 rgb(202,214,118)
```
#c2d676
```
#c2d676 rgb(194,214,118)
```
#bad676
```
#bad676 rgb(186,214,118)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#aad676
```
#aad676 rgb(170,214,118)
```
#a2d676
```
#a2d676 rgb(162,214,118)
```
#9ad676
```
#9ad676 rgb(154,214,118)
```

Similar Colors

Text with hexadecimal color #b2d676

This text has a font color of #b2d676.

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

#b2d676 background color

This paragraph has a background color of #b2d676.

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

#b2d676 border color

This element has a border color of #b2d676.

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

CSS codes

.text {color:#b2d676;}

.background {background-color:#b2d676;}

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

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

#0a0e04
```
#0a0e04 rgb(10,14,4)
```
#151d09
```
#151d09 rgb(21,29,9)
```
#212c0d
```
#212c0d rgb(33,44,13)
```
#2c3b12
```
#2c3b12 rgb(44,59,18)
```
#374a16
```
#374a16 rgb(55,74,22)
```
#42591b
```
#42591b rgb(66,89,27)
```
#4d691f
```
#4d691f rgb(77,105,31)
```
#587824
```
#587824 rgb(88,120,36)
```
#638728
```
#638728 rgb(99,135,40)
```
#6e962d
```
#6e962d rgb(110,150,45)
```
#7aa531
```
#7aa531 rgb(122,165,49)
```
#85b436
```
#85b436 rgb(133,180,54)
```
#90c33a
```
#90c33a rgb(144,195,58)
```

Shade Color Variation

#99c849
```
#99c849 rgb(153,200,73)
```
#a1cd58
```
#a1cd58 rgb(161,205,88)
```
#aad167
```
#aad167 rgb(170,209,103)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#badb85
```
#badb85 rgb(186,219,133)
```
#c3df94
```
#c3df94 rgb(195,223,148)
```
#cbe4a3
```
#cbe4a3 rgb(203,228,163)
```
#d4e8b2
```
#d4e8b2 rgb(212,232,178)
```
#dcedc1
```
#dcedc1 rgb(220,237,193)
```
#e5f1d1
```
#e5f1d1 rgb(229,241,209)
```
#edf6e0
```
#edf6e0 rgb(237,246,224)
```
#f6faef
```
#f6faef rgb(246,250,239)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#a8ad9f
```
#a8ad9f rgb(168,173,159)
```
#a9b498
```
#a9b498 rgb(169,180,152)
```
#abbb91
```
#abbb91 rgb(171,187,145)
```
#adc18b
```
#adc18b rgb(173,193,139)
```
#afc884
```
#afc884 rgb(175,200,132)
```
#b0cf7d
```
#b0cf7d rgb(176,207,125)
```
#b2d676
```
#b2d676 rgb(178,214,118)
```
#b4dd6f
```
#b4dd6f rgb(180,221,111)
```
#b5e468
```
#b5e468 rgb(181,228,104)
```
#b7eb61
```
#b7eb61 rgb(183,235,97)
```
#b9f15b
```
#b9f15b rgb(185,241,91)
```
#bbf854
```
#bbf854 rgb(187,248,84)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcc79 Protanopia 1% of men
#f5c383 Deuteranopia 1% of men
#c4cddb Tritanopia 0.001% of the population

Trichromacy

#cfcf77 Protanomaly 1% of men, 0.01% of women
#dcca7e Deuteranomaly 6% of men, 0.4% of women
#bdd0b6 Tritanomaly 0.01% of the population

#b2d676 hex color

#b2d676 Color Information

#b2d676 Color Conversion

Color Schemes with #b2d676

Alternatives to #b2d676

#b2d676 Preview

Shades and Tints of #b2d676

Tones of #b2d676

Color Blindness Simulator