#b4f7de hex color

In a RGB color space, hex #b4f7de is composed of 70.6% red, 96.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 10.1% yellow and 3.1% black. It has a hue angle of 157.6 degrees, a saturation of 80.7% and a lightness of 83.7%. #b4f7de color hex could be obtained by blending #ffffff with #69efbd. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #b4f7de has RGB values of R:180, G:247, B:222 and CMYK values of C:0.27, M:0, Y:0.1, K:0.03. Its decimal value is 11859934.

Hex triplet	b4f7de	`#b4f7de`
RGB Decimal	180, 247, 222	`rgb(180,247,222)`
RGB Percent	70.6, 96.9, 87.1	`rgb(70.6%,96.9%,87.1%)`
CMYK	27, 0, 10, 3
HSL	157.6°, 80.7, 83.7	`hsl(157.6,80.7%,83.7%)`
HSV (or HSB)	157.6°, 27.1, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.352, -25.922, 5.3
XYZ	65.264, 81.496, 81.395
xyY	0.286, 0.357, 81.496
CIE-LCH	92.352, 26.459, 168.444
CIE-LUV	92.352, -32.925, 12.56
Hunter-Lab	90.275, -28.935, 9.735
Binary	10110100, 11110111, 11011110

#b4f7de
```
#b4f7de rgb(180,247,222)
```
#f7b4cd
```
#f7b4cd rgb(247,180,205)
```

Complementary Color

#b4f7bd
```
#b4f7bd rgb(180,247,189)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#b4eff7
```
#b4eff7 rgb(180,239,247)
```

Analogous Color

#f7bdb4
```
#f7bdb4 rgb(247,189,180)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#f7b4ef
```
#f7b4ef rgb(247,180,239)
```

Split Complementary Color

#f7deb4
```
#f7deb4 rgb(247,222,180)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#deb4f7
```
#deb4f7 rgb(222,180,247)
```

Triadic Color

#cdf7b4
```
#cdf7b4 rgb(205,247,180)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#deb4f7
```
#deb4f7 rgb(222,180,247)
```
#f7b4cd
```
#f7b4cd rgb(247,180,205)
```

Tetradic Color

#6ff0c0
```
#6ff0c0 rgb(111,240,192)
```
#86f2ca
```
#86f2ca rgb(134,242,202)
```
#9df5d4
```
#9df5d4 rgb(157,245,212)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#cbf9e8
```
#cbf9e8 rgb(203,249,232)
```
#e2fcf2
```
#e2fcf2 rgb(226,252,242)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Monochromatic Color

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

#b4f7cd
```
#b4f7cd rgb(180,247,205)
```
#b4f7d3
```
#b4f7d3 rgb(180,247,211)
```
#b4f7d8
```
#b4f7d8 rgb(180,247,216)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#b4f7e4
```
#b4f7e4 rgb(180,247,228)
```
#b4f7e9
```
#b4f7e9 rgb(180,247,233)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```

Similar Colors

Text with hexadecimal color #b4f7de

This text has a font color of #b4f7de.

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

#b4f7de background color

This paragraph has a background color of #b4f7de.

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

#b4f7de border color

This element has a border color of #b4f7de.

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

CSS codes

.text {color:#b4f7de;}

.background {background-color:#b4f7de;}

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

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, #010e09 is the darkest color, while #fbfffd is the lightest one.

#010e09
```
#010e09 rgb(1,14,9)
```
#031f15
```
#031f15 rgb(3,31,21)
```
#053121
```
#053121 rgb(5,49,33)
```
#07432d
```
#07432d rgb(7,67,45)
```
#095538
```
#095538 rgb(9,85,56)
```
#0b6644
```
#0b6644 rgb(11,102,68)
```
#0d7850
```
#0d7850 rgb(13,120,80)
```
#0f8a5c
```
#0f8a5c rgb(15,138,92)
```
#119b68
```
#119b68 rgb(17,155,104)
```
#12ad73
```
#12ad73 rgb(18,173,115)
```
#14bf7f
```
#14bf7f rgb(20,191,127)
```
#16d18b
```
#16d18b rgb(22,209,139)
```
#18e297
```
#18e297 rgb(24,226,151)
```

Shade Color Variation

#26e8a0
```
#26e8a0 rgb(38,232,160)
```
#38eaa7
```
#38eaa7 rgb(56,234,167)
```
#4aecaf
```
#4aecaf rgb(74,236,175)
```
#5beeb7
```
#5beeb7 rgb(91,238,183)
```
#6defbf
```
#6defbf rgb(109,239,191)
```
#7ff1c7
```
#7ff1c7 rgb(127,241,199)
```
#91f3ce
```
#91f3ce rgb(145,243,206)
```
#a2f5d6
```
#a2f5d6 rgb(162,245,214)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#c6f9e6
```
#c6f9e6 rgb(198,249,230)
```
#d7fbee
```
#d7fbee rgb(215,251,238)
```
#e9fdf5
```
#e9fdf5 rgb(233,253,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#d4d7d6
```
#d4d7d6 rgb(212,215,214)
```
#d1dad7
```
#d1dad7 rgb(209,218,215)
```
#ceddd8
```
#ceddd8 rgb(206,221,216)
```
#cae1d8
```
#cae1d8 rgb(202,225,216)
```
#c7e4d9
```
#c7e4d9 rgb(199,228,217)
```
#c4e7da
```
#c4e7da rgb(196,231,218)
```
#c1eadb
```
#c1eadb rgb(193,234,219)
```
#beeddc
```
#beeddc rgb(190,237,220)
```
#baf1dc
```
#baf1dc rgb(186,241,220)
```
#b7f4dd
```
#b7f4dd rgb(183,244,221)
```
#b4f7de
```
#b4f7de rgb(180,247,222)
```
#b1fadf
```
#b1fadf rgb(177,250,223)
```
#aefde0
```
#aefde0 rgb(174,253,224)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d7e5e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e9d8 Protanopia 1% of men
#ffe3e6 Deuteranopia 1% of men
#c9f0ff Tritanopia 0.001% of the population

Trichromacy

#dbeeda Protanomaly 1% of men, 0.01% of women
#e3eae3 Deuteranomaly 6% of men, 0.4% of women
#c1f2f3 Tritanomaly 0.01% of the population

#b4f7de hex color

#b4f7de Color Information

#b4f7de Color Conversion

Color Schemes with #b4f7de

Alternatives to #b4f7de

#b4f7de Preview

Shades and Tints of #b4f7de

Tones of #b4f7de

Color Blindness Simulator