#b4f0d2 hex color

In a RGB color space, hex #b4f0d2 is composed of 70.6% red, 94.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 12.5% yellow and 5.9% black. It has a hue angle of 150 degrees, a saturation of 66.7% and a lightness of 82.4%. #b4f0d2 color hex could be obtained by blending #ffffff with #69e1a5. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 94
- B 82
RGB color chart
- C 25
- M 0
- Y 13
- K 6
CMYK color chart

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

The hexadecimal color #b4f0d2 has RGB values of R:180, G:240, B:210 and CMYK values of C:0.25, M:0, Y:0.13, K:0.06. Its decimal value is 11858130.

Hex triplet	b4f0d2	`#b4f0d2`
RGB Decimal	180, 240, 210	`rgb(180,240,210)`
RGB Percent	70.6, 94.1, 82.4	`rgb(70.6%,94.1%,82.4%)`
CMYK	25, 0, 13, 6
HSL	150°, 66.7, 82.4	`hsl(150,66.7%,82.4%)`
HSV (or HSB)	150°, 25, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.172, -24.91, 8.391
XYZ	61.612, 76.675, 72.523
xyY	0.292, 0.364, 76.675
CIE-LCH	90.172, 26.286, 161.383
CIE-LUV	90.172, -29.79, 16.96
Hunter-Lab	87.564, -27.64, 12.189
Binary	10110100, 11110000, 11010010

#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#f0b4d2
```
#f0b4d2 rgb(240,180,210)
```

Complementary Color

#b4f0b4
```
#b4f0b4 rgb(180,240,180)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#b4f0f0
```
#b4f0f0 rgb(180,240,240)
```

Analogous Color

#f0b4b4
```
#f0b4b4 rgb(240,180,180)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#f0b4f0
```
#f0b4f0 rgb(240,180,240)
```

Split Complementary Color

#f0d2b4
```
#f0d2b4 rgb(240,210,180)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#d2b4f0
```
#d2b4f0 rgb(210,180,240)
```

Triadic Color

#d2f0b4
```
#d2f0b4 rgb(210,240,180)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#d2b4f0
```
#d2b4f0 rgb(210,180,240)
```
#f0b4d2
```
#f0b4d2 rgb(240,180,210)
```

Tetradic Color

#74e3ac
```
#74e3ac rgb(116,227,172)
```
#8ae8b9
```
#8ae8b9 rgb(138,232,185)
```
#9fecc5
```
#9fecc5 rgb(159,236,197)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#c9f4df
```
#c9f4df rgb(201,244,223)
```
#dff9ec
```
#dff9ec rgb(223,249,236)
```
#f4fdf8
```
#f4fdf8 rgb(244,253,248)
```

Monochromatic Color

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

#b4f0c3
```
#b4f0c3 rgb(180,240,195)
```
#b4f0c8
```
#b4f0c8 rgb(180,240,200)
```
#b4f0cd
```
#b4f0cd rgb(180,240,205)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#b4f0d7
```
#b4f0d7 rgb(180,240,215)
```
#b4f0dc
```
#b4f0dc rgb(180,240,220)
```
#b4f0e1
```
#b4f0e1 rgb(180,240,225)
```

Similar Colors

Text with hexadecimal color #b4f0d2

This text has a font color of #b4f0d2.

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

#b4f0d2 background color

This paragraph has a background color of #b4f0d2.

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

#b4f0d2 border color

This element has a border color of #b4f0d2.

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

CSS codes

.text {color:#b4f0d2;}

.background {background-color:#b4f0d2;}

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

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

#010704
```
#010704 rgb(1,7,4)
```
#05170e
```
#05170e rgb(5,23,14)
```
#082718
```
#082718 rgb(8,39,24)
```
#0b3821
```
#0b3821 rgb(11,56,33)
```
#0e482b
```
#0e482b rgb(14,72,43)
```
#125835
```
#125835 rgb(18,88,53)
```
#15693f
```
#15693f rgb(21,105,63)
```
#187949
```
#187949 rgb(24,121,73)
```
#1c8a53
```
#1c8a53 rgb(28,138,83)
```
#1f9a5c
```
#1f9a5c rgb(31,154,92)
```
#22aa66
```
#22aa66 rgb(34,170,102)
```
#25bb70
```
#25bb70 rgb(37,187,112)
```
#29cb7a
```
#29cb7a rgb(41,203,122)
```

Shade Color Variation

#31d684
```
#31d684 rgb(49,214,132)
```
#42d98d
```
#42d98d rgb(66,217,141)
```
#52dc97
```
#52dc97 rgb(82,220,151)
```
#62e0a1
```
#62e0a1 rgb(98,224,161)
```
#73e3ab
```
#73e3ab rgb(115,227,171)
```
#83e6b5
```
#83e6b5 rgb(131,230,181)
```
#93e9be
```
#93e9be rgb(147,233,190)
```
#a4edc8
```
#a4edc8 rgb(164,237,200)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#c4f3dc
```
#c4f3dc rgb(196,243,220)
```
#d5f7e6
```
#d5f7e6 rgb(213,247,230)
```
#e5faef
```
#e5faef rgb(229,250,239)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

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

#d0d4d2
```
#d0d4d2 rgb(208,212,210)
```
#ccd8d2
```
#ccd8d2 rgb(204,216,210)
```
#c9dbd2
```
#c9dbd2 rgb(201,219,210)
```
#c5dfd2
```
#c5dfd2 rgb(197,223,210)
```
#c2e2d2
```
#c2e2d2 rgb(194,226,210)
```
#bee6d2
```
#bee6d2 rgb(190,230,210)
```
#bbe9d2
```
#bbe9d2 rgb(187,233,210)
```
#b7edd2
```
#b7edd2 rgb(183,237,210)
```
#b4f0d2
```
#b4f0d2 rgb(180,240,210)
```
#b1f3d2
```
#b1f3d2 rgb(177,243,210)
```
#adf7d2
```
#adf7d2 rgb(173,247,210)
```
#aafad2
```
#aafad2 rgb(170,250,210)
```
#a6fed2
```
#a6fed2 rgb(166,254,210)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d3dfd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede3cd Protanopia 1% of men
#fdddda Deuteranopia 1% of men
#c1eafb Tritanopia 0.001% of the population

Trichromacy

#d8e8cf Protanomaly 1% of men, 0.01% of women
#e2e3d7 Deuteranomaly 6% of men, 0.4% of women
#bcecec Tritanomaly 0.01% of the population

#b4f0d2 hex color

#b4f0d2 Color Information

#b4f0d2 Color Conversion

Color Schemes with #b4f0d2

Alternatives to #b4f0d2

#b4f0d2 Preview

Shades and Tints of #b4f0d2

Tones of #b4f0d2

Color Blindness Simulator