#b4f8ec hex color

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

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

● #b4f8ec color description : Very soft cyan.

The hexadecimal color #b4f8ec has RGB values of R:180, G:248, B:236 and CMYK values of C:0.27, M:0, Y:0.05, K:0.03. Its decimal value is 11860204.

Hex triplet	b4f8ec	`#b4f8ec`
RGB Decimal	180, 248, 236	`rgb(180,248,236)`
RGB Percent	70.6, 97.3, 92.5	`rgb(70.6%,97.3%,92.5%)`
CMYK	27, 0, 5, 3
HSL	169.4°, 82.9, 83.9	`hsl(169.4,82.9%,83.9%)`
HSV (or HSB)	169.4°, 27.4, 97.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.967, -23.535, -1.062
XYZ	67.526, 82.892, 91.794
xyY	0.279, 0.342, 82.892
CIE-LCH	92.967, 23.559, 182.583
CIE-LUV	92.967, -33.314, 2.37
Hunter-Lab	91.045, -26.938, 3.954
Binary	10110100, 11111000, 11101100

#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#f8b4c0
```
#f8b4c0 rgb(248,180,192)
```

Complementary Color

#b4f8ca
```
#b4f8ca rgb(180,248,202)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#b4e2f8
```
#b4e2f8 rgb(180,226,248)
```

Analogous Color

#f8cab4
```
#f8cab4 rgb(248,202,180)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#f8b4e2
```
#f8b4e2 rgb(248,180,226)
```

Split Complementary Color

#f8ecb4
```
#f8ecb4 rgb(248,236,180)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#ecb4f8
```
#ecb4f8 rgb(236,180,248)
```

Triadic Color

#c0f8b4
```
#c0f8b4 rgb(192,248,180)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#ecb4f8
```
#ecb4f8 rgb(236,180,248)
```
#f8b4c0
```
#f8b4c0 rgb(248,180,192)
```

Tetradic Color

#6ef1da
```
#6ef1da rgb(110,241,218)
```
#85f4e0
```
#85f4e0 rgb(133,244,224)
```
#9df6e6
```
#9df6e6 rgb(157,246,230)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#cbfaf2
```
#cbfaf2 rgb(203,250,242)
```
#e3fcf8
```
#e3fcf8 rgb(227,252,248)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#b4f8db
```
#b4f8db rgb(180,248,219)
```
#b4f8e1
```
#b4f8e1 rgb(180,248,225)
```
#b4f8e6
```
#b4f8e6 rgb(180,248,230)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#b4f8f2
```
#b4f8f2 rgb(180,248,242)
```
#b4f8f7
```
#b4f8f7 rgb(180,248,247)
```
#b4f3f8
```
#b4f3f8 rgb(180,243,248)
```

Similar Colors

Text with hexadecimal color #b4f8ec

This text has a font color of #b4f8ec.

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

#b4f8ec background color

This paragraph has a background color of #b4f8ec.

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

#b4f8ec border color

This element has a border color of #b4f8ec.

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

CSS codes

.text {color:#b4f8ec;}

.background {background-color:#b4f8ec;}

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

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

#010f0c
```
#010f0c rgb(1,15,12)
```
#03211b
```
#03211b rgb(3,33,27)
```
#05332a
```
#05332a rgb(5,51,42)
```
#06453a
```
#06453a rgb(6,69,58)
```
#085649
```
#085649 rgb(8,86,73)
```
#0a6858
```
#0a6858 rgb(10,104,88)
```
#0b7a67
```
#0b7a67 rgb(11,122,103)
```
#0d8c76
```
#0d8c76 rgb(13,140,118)
```
#0f9e85
```
#0f9e85 rgb(15,158,133)
```
#10b094
```
#10b094 rgb(16,176,148)
```
#12c2a3
```
#12c2a3 rgb(18,194,163)
```
#14d4b2
```
#14d4b2 rgb(20,212,178)
```
#15e6c1
```
#15e6c1 rgb(21,230,193)
```

Shade Color Variation

#24ebc8
```
#24ebc8 rgb(36,235,200)
```
#36eccc
```
#36eccc rgb(54,236,204)
```
#48eed1
```
#48eed1 rgb(72,238,209)
```
#5af0d5
```
#5af0d5 rgb(90,240,213)
```
#6cf1da
```
#6cf1da rgb(108,241,218)
```
#7ef3de
```
#7ef3de rgb(126,243,222)
```
#90f5e3
```
#90f5e3 rgb(144,245,227)
```
#a2f6e7
```
#a2f6e7 rgb(162,246,231)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#c6faf1
```
#c6faf1 rgb(198,250,241)
```
#d8fbf5
```
#d8fbf5 rgb(216,251,245)
```
#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 #aefef0 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)
```
#bdefe6
```
#bdefe6 rgb(189,239,230)
```
#baf2e8
```
#baf2e8 rgb(186,242,232)
```
#b7f5ea
```
#b7f5ea rgb(183,245,234)
```
#b4f8ec
```
#b4f8ec rgb(180,248,236)
```
#b1fbee
```
#b1fbee rgb(177,251,238)
```
#aefef0
```
#aefef0 rgb(174,254,240)
```

Tone Color Variation

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

#f1eae5 Protanopia 1% of men
#fde5f3 Deuteranopia 1% of men
#ccf2ff Tritanopia 0.001% of the population

Trichromacy

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

#b4f8ec hex color

#b4f8ec Color Information

#b4f8ec Color Conversion

Color Schemes with #b4f8ec

Alternatives to #b4f8ec

#b4f8ec Preview

Shades and Tints of #b4f8ec

Tones of #b4f8ec

Color Blindness Simulator