#b4ffdf hex color

In a RGB color space, hex #b4ffdf is composed of 70.6% red, 100% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 12.5% yellow and 0% black. It has a hue angle of 154.4 degrees, a saturation of 100% and a lightness of 85.3%. #b4ffdf color hex could be obtained by blending #ffffff with #69ffbf. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 100
- B 87
RGB color chart
- C 29
- M 0
- Y 13
- K 0
CMYK color chart

● #b4ffdf color description : Pale cyan - lime green.

The hexadecimal color #b4ffdf has RGB values of R:180, G:255, B:223 and CMYK values of C:0.29, M:0, Y:0.13, K:0. Its decimal value is 11861983.

Hex triplet	b4ffdf	`#b4ffdf`
RGB Decimal	180, 255, 223	`rgb(180,255,223)`
RGB Percent	70.6, 100, 87.5	`rgb(70.6%,100%,87.5%)`
CMYK	29, 0, 13, 0
HSL	154.4°, 100, 85.3	`hsl(154.4,100%,85.3%)`
HSV (or HSB)	154.4°, 29.4, 100
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.546, -29.525, 7.945
XYZ	67.898, 86.548, 82.936
xyY	0.286, 0.365, 86.548
CIE-LCH	94.546, 30.575, 164.938
CIE-LUV	94.546, -36.46, 17.204
Hunter-Lab	93.031, -32.528, 12.266
Binary	10110100, 11111111, 11011111

#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#ffb4d4
```
#ffb4d4 rgb(255,180,212)
```

Complementary Color

#b4ffba
```
#b4ffba rgb(180,255,186)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#b4faff
```
#b4faff rgb(180,250,255)
```

Analogous Color

#ffbab4
```
#ffbab4 rgb(255,186,180)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#ffb4fa
```
#ffb4fa rgb(255,180,250)
```

Split Complementary Color

#ffdfb4
```
#ffdfb4 rgb(255,223,180)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#dfb4ff
```
#dfb4ff rgb(223,180,255)
```

Triadic Color

#d4ffb4
```
#d4ffb4 rgb(212,255,180)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#dfb4ff
```
#dfb4ff rgb(223,180,255)
```
#ffb4d4
```
#ffb4d4 rgb(255,180,212)
```

Tetradic Color

#68ffbe
```
#68ffbe rgb(104,255,190)
```
#81ffc9
```
#81ffc9 rgb(129,255,201)
```
#9bffd4
```
#9bffd4 rgb(155,255,212)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#ceffea
```
#ceffea rgb(206,255,234)
```
#e7fff5
```
#e7fff5 rgb(231,255,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4ffcc
```
#b4ffcc rgb(180,255,204)
```
#b4ffd3
```
#b4ffd3 rgb(180,255,211)
```
#b4ffd9
```
#b4ffd9 rgb(180,255,217)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#b4ffe5
```
#b4ffe5 rgb(180,255,229)
```
#b4ffec
```
#b4ffec rgb(180,255,236)
```
#b4fff2
```
#b4fff2 rgb(180,255,242)
```

Similar Colors

Text with hexadecimal color #b4ffdf

This text has a font color of #b4ffdf.

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

#b4ffdf background color

This paragraph has a background color of #b4ffdf.

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

#b4ffdf border color

This element has a border color of #b4ffdf.

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

CSS codes

.text {color:#b4ffdf;}

.background {background-color:#b4ffdf;}

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

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

#000302
```
#000302 rgb(0,3,2)
```
#00170d
```
#00170d rgb(0,23,13)
```
#002b18
```
#002b18 rgb(0,43,24)
```
#003e24
```
#003e24 rgb(0,62,36)
```
#00522f
```
#00522f rgb(0,82,47)
```
#00663a
```
#00663a rgb(0,102,58)
```
#007945
```
#007945 rgb(0,121,69)
```
#008d51
```
#008d51 rgb(0,141,81)
```
#00a05c
```
#00a05c rgb(0,160,92)
```
#00b467
```
#00b467 rgb(0,180,103)
```
#00c872
```
#00c872 rgb(0,200,114)
```
#00db7e
```
#00db7e rgb(0,219,126)
```
#00ef89
```
#00ef89 rgb(0,239,137)
```

Shade Color Variation

#03ff94
```
#03ff94 rgb(3,255,148)
```
#17ff9c
```
#17ff9c rgb(23,255,156)
```
#2bffa4
```
#2bffa4 rgb(43,255,164)
```
#3effad
```
#3effad rgb(62,255,173)
```
#52ffb5
```
#52ffb5 rgb(82,255,181)
```
#66ffbe
```
#66ffbe rgb(102,255,190)
```
#79ffc6
```
#79ffc6 rgb(121,255,198)
```
#8dffce
```
#8dffce rgb(141,255,206)
```
#a0ffd7
```
#a0ffd7 rgb(160,255,215)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```
#c8ffe7
```
#c8ffe7 rgb(200,255,231)
```
#dbfff0
```
#dbfff0 rgb(219,255,240)
```
#effff8
```
#effff8 rgb(239,255,248)
```

Tint Color Variation

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

#d7dcda
```
#d7dcda rgb(215,220,218)
```
#d4dfda
```
#d4dfda rgb(212,223,218)
```
#d1e2db
```
#d1e2db rgb(209,226,219)
```
#cee5db
```
#cee5db rgb(206,229,219)
```
#cbe8dc
```
#cbe8dc rgb(203,232,220)
```
#c8ebdc
```
#c8ebdc rgb(200,235,220)
```
#c5eedc
```
#c5eedc rgb(197,238,220)
```
#c2f1dd
```
#c2f1dd rgb(194,241,221)
```
#c0f3dd
```
#c0f3dd rgb(192,243,221)
```
#bdf6de
```
#bdf6de rgb(189,246,222)
```
#baf9de
```
#baf9de rgb(186,249,222)
```
#b7fcdf
```
#b7fcdf rgb(183,252,223)
```
#b4ffdf
```
#b4ffdf rgb(180,255,223)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dbeae4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9efd8 Protanopia 1% of men
#ffebeb Deuteranopia 1% of men
#d9f4ff Tritanopia 0.001% of the population

Trichromacy

#e0f5db Protanomaly 1% of men, 0.01% of women
#e3f2e6 Deuteranomaly 6% of men, 0.4% of women
#cbf8f3 Tritanomaly 0.01% of the population

#b4ffdf hex color

#b4ffdf Color Information

#b4ffdf Color Conversion

Color Schemes with #b4ffdf

Alternatives to #b4ffdf

#b4ffdf Preview

Shades and Tints of #b4ffdf

Tones of #b4ffdf

Color Blindness Simulator