#b4f885 hex color

In a RGB color space, hex #b4f885 is composed of 70.6% red, 97.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 46.4% yellow and 2.7% black. It has a hue angle of 95.5 degrees, a saturation of 89.1% and a lightness of 74.7%. #b4f885 color hex could be obtained by blending #ffffff with #69f10b. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 71
- G 97
- B 52
RGB color chart
- C 27
- M 0
- Y 46
- K 3
CMYK color chart

● #b4f885 color description : Soft green.

The hexadecimal color #b4f885 has RGB values of R:180, G:248, B:133 and CMYK values of C:0.27, M:0, Y:0.46, K:0.03. Its decimal value is 11860101.

Hex triplet	b4f885	`#b4f885`
RGB Decimal	180, 248, 133	`rgb(180,248,133)`
RGB Percent	70.6, 97.3, 52.2	`rgb(70.6%,97.3%,52.2%)`
CMYK	27, 0, 46, 3
HSL	95.5°, 89.1, 74.7	`hsl(95.5,89.1%,74.7%)`
HSV (or HSB)	95.5°, 46.4, 97.3
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.021, -40.586, 48.351
XYZ	56.622, 78.53, 34.364
xyY	0.334, 0.463, 78.53
CIE-LCH	91.021, 63.127, 130.01
CIE-LUV	91.021, -33.752, 71.027
Hunter-Lab	88.617, -41.028, 39.041
Binary	10110100, 11111000, 10000101

#b4f885
```
#b4f885 rgb(180,248,133)
```
#c985f8
```
#c985f8 rgb(201,133,248)
```

Complementary Color

#eef885
```
#eef885 rgb(238,248,133)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#85f890
```
#85f890 rgb(133,248,144)
```

Analogous Color

#f885ee
```
#f885ee rgb(248,133,238)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#9085f8
```
#9085f8 rgb(144,133,248)
```

Split Complementary Color

#f885b4
```
#f885b4 rgb(248,133,180)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#85b4f8
```
#85b4f8 rgb(133,180,248)
```

Triadic Color

#f8c985
```
#f8c985 rgb(248,201,133)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#85b4f8
```
#85b4f8 rgb(133,180,248)
```
#c985f8
```
#c985f8 rgb(201,133,248)
```

Tetradic Color

#88f43d
```
#88f43d rgb(136,244,61)
```
#96f555
```
#96f555 rgb(150,245,85)
```
#a5f76d
```
#a5f76d rgb(165,247,109)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#c3f99d
```
#c3f99d rgb(195,249,157)
```
#d2fbb5
```
#d2fbb5 rgb(210,251,181)
```
#e0fccd
```
#e0fccd rgb(224,252,205)
```

Monochromatic Color

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

#d1f885
```
#d1f885 rgb(209,248,133)
```
#c7f885
```
#c7f885 rgb(199,248,133)
```
#bef885
```
#bef885 rgb(190,248,133)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#aaf885
```
#aaf885 rgb(170,248,133)
```
#a1f885
```
#a1f885 rgb(161,248,133)
```
#97f885
```
#97f885 rgb(151,248,133)
```

Similar Colors

Text with hexadecimal color #b4f885

This text has a font color of #b4f885.

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

#b4f885 background color

This paragraph has a background color of #b4f885.

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

#b4f885 border color

This element has a border color of #b4f885.

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

CSS codes

.text {color:#b4f885;}

.background {background-color:#b4f885;}

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

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

#030800
```
#030800 rgb(3,8,0)
```
#0c1a02
```
#0c1a02 rgb(12,26,2)
```
#142d03
```
#142d03 rgb(20,45,3)
```
#1c4004
```
#1c4004 rgb(28,64,4)
```
#245205
```
#245205 rgb(36,82,5)
```
#2d6506
```
#2d6506 rgb(45,101,6)
```
#357707
```
#357707 rgb(53,119,7)
```
#3d8a08
```
#3d8a08 rgb(61,138,8)
```
#459c09
```
#459c09 rgb(69,156,9)
```
#4daf0a
```
#4daf0a rgb(77,175,10)
```
#56c10b
```
#56c10b rgb(86,193,11)
```
#5ed40c
```
#5ed40c rgb(94,212,12)
```
#66e60d
```
#66e60d rgb(102,230,13)
```

Shade Color Variation

#70f216
```
#70f216 rgb(112,242,22)
```
#7bf328
```
#7bf328 rgb(123,243,40)
```
#86f43b
```
#86f43b rgb(134,244,59)
```
#92f54d
```
#92f54d rgb(146,245,77)
```
#9df660
```
#9df660 rgb(157,246,96)
```
#a9f772
```
#a9f772 rgb(169,247,114)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#bff998
```
#bff998 rgb(191,249,152)
```
#cbfaaa
```
#cbfaaa rgb(203,250,170)
```
#d6fbbd
```
#d6fbbd rgb(214,251,189)
```
#e2fccf
```
#e2fccf rgb(226,252,207)
```
#edfde2
```
#edfde2 rgb(237,253,226)
```
#f8fef4
```
#f8fef4 rgb(248,254,244)
```

Tint Color Variation

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

#bec1bc
```
#bec1bc rgb(190,193,188)
```
#bdc6b7
```
#bdc6b7 rgb(189,198,183)
```
#bccbb2
```
#bccbb2 rgb(188,203,178)
```
#bbd0ad
```
#bbd0ad rgb(187,208,173)
```
#bad5a8
```
#bad5a8 rgb(186,213,168)
```
#b9daa3
```
#b9daa3 rgb(185,218,163)
```
#b9df9e
```
#b9df9e rgb(185,223,158)
```
#b8e499
```
#b8e499 rgb(184,228,153)
```
#b7e994
```
#b7e994 rgb(183,233,148)
```
#b6ee8f
```
#b6ee8f rgb(182,238,143)
```
#b5f38a
```
#b5f38a rgb(181,243,138)
```
#b4f885
```
#b4f885 rgb(180,248,133)
```
#b3fd80
```
#b3fd80 rgb(179,253,128)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d0dec7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce685 Protanopia 1% of men
#ffe1c3 Deuteranopia 1% of men
#ccebfc Tritanopia 0.001% of the population

Trichromacy

#e2ec85 Protanomaly 1% of men, 0.01% of women
#e3e9ac Deuteranomaly 6% of men, 0.4% of women
#c3efd0 Tritanomaly 0.01% of the population

#b4f885 hex color

#b4f885 Color Information

#b4f885 Color Conversion

Color Schemes with #b4f885

Alternatives to #b4f885

#b4f885 Preview

Shades and Tints of #b4f885

Tones of #b4f885

Color Blindness Simulator