#b4f2d3 hex color

In a RGB color space, hex #b4f2d3 is composed of 70.6% red, 94.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 12.8% yellow and 5.1% black. It has a hue angle of 150 degrees, a saturation of 70.5% and a lightness of 82.7%. #b4f2d3 color hex could be obtained by blending #ffffff with #69e5a7. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 95
- B 83
RGB color chart
- C 26
- M 0
- Y 13
- K 5
CMYK color chart

● #b4f2d3 color description : Very soft cyan - lime green.

The hexadecimal color #b4f2d3 has RGB values of R:180, G:242, B:211 and CMYK values of C:0.26, M:0, Y:0.13, K:0.05. Its decimal value is 11858643.

Hex triplet	b4f2d3	`#b4f2d3`
RGB Decimal	180, 242, 211	`rgb(180,242,211)`
RGB Percent	70.6, 94.9, 82.7	`rgb(70.6%,94.9%,82.7%)`
CMYK	26, 0, 13, 5
HSL	150°, 70.5, 82.7	`hsl(150,70.5%,82.7%)`
HSV (or HSB)	150°, 25.6, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.738, -25.68, 8.684
XYZ	62.329, 77.909, 73.378
xyY	0.292, 0.365, 77.909
CIE-LCH	90.738, 27.109, 161.316
CIE-LUV	90.738, -30.701, 17.541
Hunter-Lab	88.266, -28.417, 12.496
Binary	10110100, 11110010, 11010011

#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#f2b4d3
```
#f2b4d3 rgb(242,180,211)
```

Complementary Color

#b4f2b4
```
#b4f2b4 rgb(180,242,180)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#b4f2f2
```
#b4f2f2 rgb(180,242,242)
```

Analogous Color

#f2b4b4
```
#f2b4b4 rgb(242,180,180)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#f2b4f2
```
#f2b4f2 rgb(242,180,242)
```

Split Complementary Color

#f2d3b4
```
#f2d3b4 rgb(242,211,180)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#d3b4f2
```
#d3b4f2 rgb(211,180,242)
```

Triadic Color

#d3f2b4
```
#d3f2b4 rgb(211,242,180)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#d3b4f2
```
#d3b4f2 rgb(211,180,242)
```
#f2b4d3
```
#f2b4d3 rgb(242,180,211)
```

Tetradic Color

#73e7ad
```
#73e7ad rgb(115,231,173)
```
#89eaba
```
#89eaba rgb(137,234,186)
```
#9eeec6
```
#9eeec6 rgb(158,238,198)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#caf6e0
```
#caf6e0 rgb(202,246,224)
```
#dffaed
```
#dffaed rgb(223,250,237)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Monochromatic Color

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

#b4f2c4
```
#b4f2c4 rgb(180,242,196)
```
#b4f2c9
```
#b4f2c9 rgb(180,242,201)
```
#b4f2ce
```
#b4f2ce rgb(180,242,206)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#b4f2d8
```
#b4f2d8 rgb(180,242,216)
```
#b4f2dd
```
#b4f2dd rgb(180,242,221)
```
#b4f2e3
```
#b4f2e3 rgb(180,242,227)
```

Similar Colors

Text with hexadecimal color #b4f2d3

This text has a font color of #b4f2d3.

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

#b4f2d3 background color

This paragraph has a background color of #b4f2d3.

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

#b4f2d3 border color

This element has a border color of #b4f2d3.

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

CSS codes

.text {color:#b4f2d3;}

.background {background-color:#b4f2d3;}

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

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

#010905
```
#010905 rgb(1,9,5)
```
#04190f
```
#04190f rgb(4,25,15)
```
#072a19
```
#072a19 rgb(7,42,25)
```
#0a3b22
```
#0a3b22 rgb(10,59,34)
```
#0d4b2c
```
#0d4b2c rgb(13,75,44)
```
#105c36
```
#105c36 rgb(16,92,54)
```
#136d40
```
#136d40 rgb(19,109,64)
```
#167e4a
```
#167e4a rgb(22,126,74)
```
#198e54
```
#198e54 rgb(25,142,84)
```
#1c9f5d
```
#1c9f5d rgb(28,159,93)
```
#1eb067
```
#1eb067 rgb(30,176,103)
```
#21c071
```
#21c071 rgb(33,192,113)
```
#24d17b
```
#24d17b rgb(36,209,123)
```

Shade Color Variation

#2edb85
```
#2edb85 rgb(46,219,133)
```
#3fde8e
```
#3fde8e rgb(63,222,142)
```
#50e198
```
#50e198 rgb(80,225,152)
```
#60e4a2
```
#60e4a2 rgb(96,228,162)
```
#71e6ac
```
#71e6ac rgb(113,230,172)
```
#82e9b6
```
#82e9b6 rgb(130,233,182)
```
#93ecbf
```
#93ecbf rgb(147,236,191)
```
#a3efc9
```
#a3efc9 rgb(163,239,201)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#c5f5dd
```
#c5f5dd rgb(197,245,221)
```
#d5f8e7
```
#d5f8e7 rgb(213,248,231)
```
#e6fbf0
```
#e6fbf0 rgb(230,251,240)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#d2d4d3
```
#d2d4d3 rgb(210,212,211)
```
#cfd7d3
```
#cfd7d3 rgb(207,215,211)
```
#ccdad3
```
#ccdad3 rgb(204,218,211)
```
#c8ded3
```
#c8ded3 rgb(200,222,211)
```
#c5e1d3
```
#c5e1d3 rgb(197,225,211)
```
#c2e4d3
```
#c2e4d3 rgb(194,228,211)
```
#bee8d3
```
#bee8d3 rgb(190,232,211)
```
#bbebd3
```
#bbebd3 rgb(187,235,211)
```
#b7efd3
```
#b7efd3 rgb(183,239,211)
```
#b4f2d3
```
#b4f2d3 rgb(180,242,211)
```
#b1f5d3
```
#b1f5d3 rgb(177,245,211)
```
#adf9d3
```
#adf9d3 rgb(173,249,211)
```
#aafcd3
```
#aafcd3 rgb(170,252,211)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d4e0da Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe5ce Protanopia 1% of men
#fededb Deuteranopia 1% of men
#c1ecfd Tritanopia 0.001% of the population

Trichromacy

#d9e9d0 Protanomaly 1% of men, 0.01% of women
#e3e5d8 Deuteranomaly 6% of men, 0.4% of women
#bceeee Tritanomaly 0.01% of the population

#b4f2d3 hex color

#b4f2d3 Color Information

#b4f2d3 Color Conversion

Color Schemes with #b4f2d3

Alternatives to #b4f2d3

#b4f2d3 Preview

Shades and Tints of #b4f2d3

Tones of #b4f2d3

Color Blindness Simulator