#b4ed72 hex color

In a RGB color space, hex #b4ed72 is composed of 70.6% red, 92.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 51.9% yellow and 7.1% black. It has a hue angle of 87.8 degrees, a saturation of 77.4% and a lightness of 68.8%. #b4ed72 color hex could be obtained by blending #ffffe4 with #69db00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 71
- G 93
- B 45
RGB color chart
- C 24
- M 0
- Y 52
- K 7
CMYK color chart

● #b4ed72 color description : Soft green.

The hexadecimal color #b4ed72 has RGB values of R:180, G:237, B:114 and CMYK values of C:0.24, M:0, Y:0.52, K:0.07. Its decimal value is 11857266.

Hex triplet	b4ed72	`#b4ed72`
RGB Decimal	180, 237, 114	`rgb(180,237,114)`
RGB Percent	70.6, 92.9, 44.7	`rgb(70.6%,92.9%,44.7%)`
CMYK	24, 0, 52, 7
HSL	87.8°, 77.4, 68.8	`hsl(87.8,77.4%,68.8%)`
HSV (or HSB)	87.8°, 51.9, 92.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	87.72, -37.758, 53.225
XYZ	52.143, 71.485, 26.97
xyY	0.346, 0.475, 71.485
CIE-LCH	87.72, 65.257, 125.352
CIE-LUV	87.72, -28.281, 74.617
Hunter-Lab	84.549, -37.877, 40.272
Binary	10110100, 11101101, 01110010

#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#ab72ed
```
#ab72ed rgb(171,114,237)
```

Complementary Color

#ede972
```
#ede972 rgb(237,233,114)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#77ed72
```
#77ed72 rgb(119,237,114)
```

Analogous Color

#e972ed
```
#e972ed rgb(233,114,237)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#7277ed
```
#7277ed rgb(114,119,237)
```

Split Complementary Color

#ed72b4
```
#ed72b4 rgb(237,114,180)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#72b4ed
```
#72b4ed rgb(114,180,237)
```

Triadic Color

#edab72
```
#edab72 rgb(237,171,114)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#72b4ed
```
#72b4ed rgb(114,180,237)
```
#ab72ed
```
#ab72ed rgb(171,114,237)
```

Tetradic Color

#90e42e
```
#90e42e rgb(144,228,46)
```
#9ce745
```
#9ce745 rgb(156,231,69)
```
#a8ea5b
```
#a8ea5b rgb(168,234,91)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#c0f089
```
#c0f089 rgb(192,240,137)
```
#ccf39f
```
#ccf39f rgb(204,243,159)
```
#d8f6b6
```
#d8f6b6 rgb(216,246,182)
```

Monochromatic Color

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

#d3ed72
```
#d3ed72 rgb(211,237,114)
```
#c9ed72
```
#c9ed72 rgb(201,237,114)
```
#beed72
```
#beed72 rgb(190,237,114)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#aaed72
```
#aaed72 rgb(170,237,114)
```
#a0ed72
```
#a0ed72 rgb(160,237,114)
```
#95ed72
```
#95ed72 rgb(149,237,114)
```

Similar Colors

Text with hexadecimal color #b4ed72

This text has a font color of #b4ed72.

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

#b4ed72 background color

This paragraph has a background color of #b4ed72.

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

#b4ed72 border color

This element has a border color of #b4ed72.

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

CSS codes

.text {color:#b4ed72;}

.background {background-color:#b4ed72;}

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

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

#091002
```
#091002 rgb(9,16,2)
```
#142104
```
#142104 rgb(20,33,4)
```
#1e3206
```
#1e3206 rgb(30,50,6)
```
#284409
```
#284409 rgb(40,68,9)
```
#33550b
```
#33550b rgb(51,85,11)
```
#3d670d
```
#3d670d rgb(61,103,13)
```
#47780f
```
#47780f rgb(71,120,15)
```
#528912
```
#528912 rgb(82,137,18)
```
#5c9b14
```
#5c9b14 rgb(92,155,20)
```
#67ac16
```
#67ac16 rgb(103,172,22)
```
#71be18
```
#71be18 rgb(113,190,24)
```
#7bcf1a
```
#7bcf1a rgb(123,207,26)
```
#86e01d
```
#86e01d rgb(134,224,29)
```

Shade Color Variation

#8fe42c
```
#8fe42c rgb(143,228,44)
```
#98e63e
```
#98e63e rgb(152,230,62)
```
#a1e94f
```
#a1e94f rgb(161,233,79)
```
#abeb61
```
#abeb61 rgb(171,235,97)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#bdef83
```
#bdef83 rgb(189,239,131)
```
#c7f195
```
#c7f195 rgb(199,241,149)
```
#d0f4a6
```
#d0f4a6 rgb(208,244,166)
```
#d9f6b8
```
#d9f6b8 rgb(217,246,184)
```
#e2f8c9
```
#e2f8c9 rgb(226,248,201)
```
#ecfada
```
#ecfada rgb(236,250,218)
```
#f5fdec
```
#f5fdec rgb(245,253,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#b0b0af
```
#b0b0af rgb(176,176,175)
```
#b0b6a9
```
#b0b6a9 rgb(176,182,169)
```
#b0bca3
```
#b0bca3 rgb(176,188,163)
```
#b1c29d
```
#b1c29d rgb(177,194,157)
```
#b1c897
```
#b1c897 rgb(177,200,151)
```
#b2ce91
```
#b2ce91 rgb(178,206,145)
```
#b2d58a
```
#b2d58a rgb(178,213,138)
```
#b3db84
```
#b3db84 rgb(179,219,132)
```
#b3e17e
```
#b3e17e rgb(179,225,126)
```
#b4e778
```
#b4e778 rgb(180,231,120)
```
#b4ed72
```
#b4ed72 rgb(180,237,114)
```
#b4f36c
```
#b4f36c rgb(180,243,108)
```
#b5f966
```
#b5f966 rgb(181,249,102)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9d4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dd74 Protanopia 1% of men
#ffd7a6 Deuteranopia 1% of men
#cbe0f0 Tritanopia 0.001% of the population

Trichromacy

#dce373 Protanomaly 1% of men, 0.01% of women
#e3df93 Deuteranomaly 6% of men, 0.4% of women
#c2e5c2 Tritanomaly 0.01% of the population

#b4ed72 hex color

#b4ed72 Color Information

#b4ed72 Color Conversion

Color Schemes with #b4ed72

Alternatives to #b4ed72

#b4ed72 Preview

Shades and Tints of #b4ed72

Tones of #b4ed72

Color Blindness Simulator