#b4f8ed hex color

In a RGB color space, hex #b4f8ed is composed of 70.6% red, 97.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 4.4% yellow and 2.7% black. It has a hue angle of 170.3 degrees, a saturation of 82.9% and a lightness of 83.9%. #b4f8ed color hex could be obtained by blending #ffffff with #69f1db. Closest websafe color is: #ccffff.

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

● #b4f8ed color description : Very soft cyan.

The hexadecimal color #b4f8ed has RGB values of R:180, G:248, B:237 and CMYK values of C:0.27, M:0, Y:0.04, K:0.03. Its decimal value is 11860205.

Hex triplet	b4f8ed	`#b4f8ed`
RGB Decimal	180, 248, 237	`rgb(180,248,237)`
RGB Percent	70.6, 97.3, 92.9	`rgb(70.6%,97.3%,92.9%)`
CMYK	27, 0, 4, 3
HSL	170.3°, 82.9, 83.9	`hsl(170.3,82.9%,83.9%)`
HSV (or HSB)	170.3°, 27.4, 97.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.993, -23.324, -1.543
XYZ	67.672, 82.95, 92.561
xyY	0.278, 0.341, 82.95
CIE-LCH	92.993, 23.375, 183.785
CIE-LUV	92.993, -33.31, 1.582
Hunter-Lab	91.077, -26.755, 3.497
Binary	10110100, 11111000, 11101101

#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#f8b4bf
```
#f8b4bf rgb(248,180,191)
```

Complementary Color

#b4f8cb
```
#b4f8cb rgb(180,248,203)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#b4e1f8
```
#b4e1f8 rgb(180,225,248)
```

Analogous Color

#f8cbb4
```
#f8cbb4 rgb(248,203,180)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#f8b4e1
```
#f8b4e1 rgb(248,180,225)
```

Split Complementary Color

#f8edb4
```
#f8edb4 rgb(248,237,180)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#edb4f8
```
#edb4f8 rgb(237,180,248)
```

Triadic Color

#bff8b4
```
#bff8b4 rgb(191,248,180)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#edb4f8
```
#edb4f8 rgb(237,180,248)
```
#f8b4bf
```
#f8b4bf rgb(248,180,191)
```

Tetradic Color

#6ef1dc
```
#6ef1dc rgb(110,241,220)
```
#85f4e2
```
#85f4e2 rgb(133,244,226)
```
#9df6e7
```
#9df6e7 rgb(157,246,231)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#cbfaf3
```
#cbfaf3 rgb(203,250,243)
```
#e3fcf8
```
#e3fcf8 rgb(227,252,248)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#b4f8dc
```
#b4f8dc rgb(180,248,220)
```
#b4f8e2
```
#b4f8e2 rgb(180,248,226)
```
#b4f8e7
```
#b4f8e7 rgb(180,248,231)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#b4f8f3
```
#b4f8f3 rgb(180,248,243)
```
#b4f8f8
```
#b4f8f8 rgb(180,248,248)
```
#b4f2f8
```
#b4f2f8 rgb(180,242,248)
```

Similar Colors

Text with hexadecimal color #b4f8ed

This text has a font color of #b4f8ed.

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

#b4f8ed background color

This paragraph has a background color of #b4f8ed.

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

#b4f8ed border color

This element has a border color of #b4f8ed.

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

CSS codes

.text {color:#b4f8ed;}

.background {background-color:#b4f8ed;}

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

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

#010f0d
```
#010f0d rgb(1,15,13)
```
#03211c
```
#03211c rgb(3,33,28)
```
#05332b
```
#05332b rgb(5,51,43)
```
#06453a
```
#06453a rgb(6,69,58)
```
#08564a
```
#08564a rgb(8,86,74)
```
#0a6859
```
#0a6859 rgb(10,104,89)
```
#0b7a68
```
#0b7a68 rgb(11,122,104)
```
#0d8c78
```
#0d8c78 rgb(13,140,120)
```
#0f9e87
```
#0f9e87 rgb(15,158,135)
```
#10b096
```
#10b096 rgb(16,176,150)
```
#12c2a6
```
#12c2a6 rgb(18,194,166)
```
#14d4b5
```
#14d4b5 rgb(20,212,181)
```
#15e6c4
```
#15e6c4 rgb(21,230,196)
```

Shade Color Variation

#24ebcb
```
#24ebcb rgb(36,235,203)
```
#36eccf
```
#36eccf rgb(54,236,207)
```
#48eed3
```
#48eed3 rgb(72,238,211)
```
#5af0d7
```
#5af0d7 rgb(90,240,215)
```
#6cf1dc
```
#6cf1dc rgb(108,241,220)
```
#7ef3e0
```
#7ef3e0 rgb(126,243,224)
```
#90f5e4
```
#90f5e4 rgb(144,245,228)
```
#a2f6e9
```
#a2f6e9 rgb(162,246,233)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#c6faf1
```
#c6faf1 rgb(198,250,241)
```
#d8fbf6
```
#d8fbf6 rgb(216,251,246)
```
#eafdfa
```
#eafdfa rgb(234,253,250)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#d4d8d8
```
#d4d8d8 rgb(212,216,216)
```
#d0dcda
```
#d0dcda rgb(208,220,218)
```
#cddfdc
```
#cddfdc rgb(205,223,220)
```
#cae2de
```
#cae2de rgb(202,226,222)
```
#c7e5e0
```
#c7e5e0 rgb(199,229,224)
```
#c4e8e2
```
#c4e8e2 rgb(196,232,226)
```
#c1ebe4
```
#c1ebe4 rgb(193,235,228)
```
#bdefe7
```
#bdefe7 rgb(189,239,231)
```
#baf2e9
```
#baf2e9 rgb(186,242,233)
```
#b7f5eb
```
#b7f5eb rgb(183,245,235)
```
#b4f8ed
```
#b4f8ed rgb(180,248,237)
```
#b1fbef
```
#b1fbef rgb(177,251,239)
```
#aefef1
```
#aefef1 rgb(174,254,241)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#d9e6e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1eae6 Protanopia 1% of men
#fde5f4 Deuteranopia 1% of men
#cdf2ff Tritanopia 0.001% of the population

Trichromacy

#daefe9 Protanomaly 1% of men, 0.01% of women
#e2ecf1 Deuteranomaly 6% of men, 0.4% of women
#c3f4f8 Tritanomaly 0.01% of the population

#b4f8ed hex color

#b4f8ed Color Information

#b4f8ed Color Conversion

Color Schemes with #b4f8ed

Alternatives to #b4f8ed

#b4f8ed Preview

Shades and Tints of #b4f8ed

Tones of #b4f8ed

Color Blindness Simulator