#b4f7ef hex color

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

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

● #b4f7ef color description : Very soft cyan.

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

Hex triplet	b4f7ef	`#b4f7ef`
RGB Decimal	180, 247, 239	`rgb(180,247,239)`
RGB Percent	70.6, 96.9, 93.7	`rgb(70.6%,96.9%,93.7%)`
CMYK	27, 0, 3, 3
HSL	172.8°, 80.7, 83.7	`hsl(172.8,80.7%,83.7%)`
HSV (or HSB)	172.8°, 27.1, 96.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.775, -22.415, -2.899
XYZ	67.659, 82.454, 94.007
xyY	0.277, 0.338, 82.454
CIE-LCH	92.775, 22.601, 187.37
CIE-LUV	92.775, -32.868, -0.703
Hunter-Lab	90.804, -25.905, 2.182
Binary	10110100, 11110111, 11101111

#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#f7b4bc
```
#f7b4bc rgb(247,180,188)
```

Complementary Color

#b4f7ce
```
#b4f7ce rgb(180,247,206)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#b4def7
```
#b4def7 rgb(180,222,247)
```

Analogous Color

#f7ceb4
```
#f7ceb4 rgb(247,206,180)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#f7b4de
```
#f7b4de rgb(247,180,222)
```

Split Complementary Color

#f7efb4
```
#f7efb4 rgb(247,239,180)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#efb4f7
```
#efb4f7 rgb(239,180,247)
```

Triadic Color

#bcf7b4
```
#bcf7b4 rgb(188,247,180)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#efb4f7
```
#efb4f7 rgb(239,180,247)
```
#f7b4bc
```
#f7b4bc rgb(247,180,188)
```

Tetradic Color

#6ff0e0
```
#6ff0e0 rgb(111,240,224)
```
#86f2e5
```
#86f2e5 rgb(134,242,229)
```
#9df5ea
```
#9df5ea rgb(157,245,234)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#cbf9f4
```
#cbf9f4 rgb(203,249,244)
```
#e2fcf9
```
#e2fcf9 rgb(226,252,249)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Monochromatic Color

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

#b4f7de
```
#b4f7de rgb(180,247,222)
```
#b4f7e4
```
#b4f7e4 rgb(180,247,228)
```
#b4f7e9
```
#b4f7e9 rgb(180,247,233)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#b4f7f5
```
#b4f7f5 rgb(180,247,245)
```
#b4f4f7
```
#b4f4f7 rgb(180,244,247)
```
#b4eef7
```
#b4eef7 rgb(180,238,247)
```

Similar Colors

Text with hexadecimal color #b4f7ef

This text has a font color of #b4f7ef.

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

#b4f7ef background color

This paragraph has a background color of #b4f7ef.

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

#b4f7ef border color

This element has a border color of #b4f7ef.

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

CSS codes

.text {color:#b4f7ef;}

.background {background-color:#b4f7ef;}

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

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

#010e0c
```
#010e0c rgb(1,14,12)
```
#031f1c
```
#031f1c rgb(3,31,28)
```
#05312c
```
#05312c rgb(5,49,44)
```
#07433c
```
#07433c rgb(7,67,60)
```
#09554c
```
#09554c rgb(9,85,76)
```
#0b665b
```
#0b665b rgb(11,102,91)
```
#0d786b
```
#0d786b rgb(13,120,107)
```
#0f8a7b
```
#0f8a7b rgb(15,138,123)
```
#119b8b
```
#119b8b rgb(17,155,139)
```
#12ad9b
```
#12ad9b rgb(18,173,155)
```
#14bfab
```
#14bfab rgb(20,191,171)
```
#16d1ba
```
#16d1ba rgb(22,209,186)
```
#18e2ca
```
#18e2ca rgb(24,226,202)
```

Shade Color Variation

#26e8d1
```
#26e8d1 rgb(38,232,209)
```
#38ead5
```
#38ead5 rgb(56,234,213)
```
#4aecd8
```
#4aecd8 rgb(74,236,216)
```
#5beedc
```
#5beedc rgb(91,238,220)
```
#6defe0
```
#6defe0 rgb(109,239,224)
```
#7ff1e4
```
#7ff1e4 rgb(127,241,228)
```
#91f3e7
```
#91f3e7 rgb(145,243,231)
```
#a2f5eb
```
#a2f5eb rgb(162,245,235)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#c6f9f3
```
#c6f9f3 rgb(198,249,243)
```
#d7fbf7
```
#d7fbf7 rgb(215,251,247)
```
#e9fdfa
```
#e9fdfa rgb(233,253,250)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#d4d7d7
```
#d4d7d7 rgb(212,215,215)
```
#d1dad9
```
#d1dad9 rgb(209,218,217)
```
#cedddc
```
#cedddc rgb(206,221,220)
```
#cae1de
```
#cae1de rgb(202,225,222)
```
#c7e4e0
```
#c7e4e0 rgb(199,228,224)
```
#c4e7e3
```
#c4e7e3 rgb(196,231,227)
```
#c1eae5
```
#c1eae5 rgb(193,234,229)
```
#beede8
```
#beede8 rgb(190,237,232)
```
#baf1ea
```
#baf1ea rgb(186,241,234)
```
#b7f4ed
```
#b7f4ed rgb(183,244,237)
```
#b4f7ef
```
#b4f7ef rgb(180,247,239)
```
#b1faf1
```
#b1faf1 rgb(177,250,241)
```
#aefdf4
```
#aefdf4 rgb(174,253,244)
```

Tone Color Variation

Below, you can see how #b4f7ef 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
#d9e6e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efeae8 Protanopia 1% of men
#fbe4f6 Deuteranopia 1% of men
#cbf1ff Tritanopia 0.001% of the population

Trichromacy

#daeeeb Protanomaly 1% of men, 0.01% of women
#e1ebf3 Deuteranomaly 6% of men, 0.4% of women
#c2f3f9 Tritanomaly 0.01% of the population

#b4f7ef hex color

#b4f7ef Color Information

#b4f7ef Color Conversion

Color Schemes with #b4f7ef

Alternatives to #b4f7ef

#b4f7ef Preview

Shades and Tints of #b4f7ef

Tones of #b4f7ef

Color Blindness Simulator