#b4efef hex color

In a RGB color space, hex #b4efef is composed of 70.6% red, 93.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 0% yellow and 6.3% black. It has a hue angle of 180 degrees, a saturation of 64.8% and a lightness of 82.2%. #b4efef color hex could be obtained by blending #ffffff with #69dfdf. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 71
- G 94
- B 94
RGB color chart
- C 25
- M 0
- Y 0
- K 6
CMYK color chart

● #b4efef color description : Very soft cyan.

The hexadecimal color #b4efef has RGB values of R:180, G:239, B:239 and CMYK values of C:0.25, M:0, Y:0, K:0.06. Its decimal value is 11857903.

Hex triplet	b4efef	`#b4efef`
RGB Decimal	180, 239, 239	`rgb(180,239,239)`
RGB Percent	70.6, 93.7, 93.7	`rgb(70.6%,93.7%,93.7%)`
CMYK	25, 0, 0, 6
HSL	180°, 64.8, 82.2	`hsl(180,64.8%,82.2%)`
HSV (or HSB)	180°, 24.7, 93.7
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.627, -18.486, -6.062
XYZ	65.265, 77.666, 93.209
xyY	0.276, 0.329, 77.666
CIE-LCH	90.627, 19.455, 198.154
CIE-LUV	90.627, -29.382, -6.35
Hunter-Lab	88.128, -22.033, -1.018
Binary	10110100, 11101111, 11101111

#b4efef
```
#b4efef rgb(180,239,239)
```
#efb4b4
```
#efb4b4 rgb(239,180,180)
```

Complementary Color

#b4efd2
```
#b4efd2 rgb(180,239,210)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#b4d2ef
```
#b4d2ef rgb(180,210,239)
```

Analogous Color

#efd2b4
```
#efd2b4 rgb(239,210,180)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#efb4d2
```
#efb4d2 rgb(239,180,210)
```

Split Complementary Color

#efefb4
```
#efefb4 rgb(239,239,180)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#efb4ef
```
#efb4ef rgb(239,180,239)
```

Triadic Color

#b4efb4
```
#b4efb4 rgb(180,239,180)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#efb4ef
```
#efb4ef rgb(239,180,239)
```
#efb4b4
```
#efb4b4 rgb(239,180,180)
```

Tetradic Color

#75e2e2
```
#75e2e2 rgb(117,226,226)
```
#8ae6e6
```
#8ae6e6 rgb(138,230,230)
```
#9febeb
```
#9febeb rgb(159,235,235)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#c9f3f3
```
#c9f3f3 rgb(201,243,243)
```
#def8f8
```
#def8f8 rgb(222,248,248)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Monochromatic Color

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

#b4efe0
```
#b4efe0 rgb(180,239,224)
```
#b4efe5
```
#b4efe5 rgb(180,239,229)
```
#b4efea
```
#b4efea rgb(180,239,234)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#b4eaef
```
#b4eaef rgb(180,234,239)
```
#b4e5ef
```
#b4e5ef rgb(180,229,239)
```
#b4e0ef
```
#b4e0ef rgb(180,224,239)
```

Similar Colors

Text with hexadecimal color #b4efef

This text has a font color of #b4efef.

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

#b4efef background color

This paragraph has a background color of #b4efef.

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

#b4efef border color

This element has a border color of #b4efef.

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

CSS codes

.text {color:#b4efef;}

.background {background-color:#b4efef;}

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

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

#010606
```
#010606 rgb(1,6,6)
```
#051616
```
#051616 rgb(5,22,22)
```
#082626
```
#082626 rgb(8,38,38)
```
#0c3636
```
#0c3636 rgb(12,54,54)
```
#0f4646
```
#0f4646 rgb(15,70,70)
```
#125757
```
#125757 rgb(18,87,87)
```
#166767
```
#166767 rgb(22,103,103)
```
#197777
```
#197777 rgb(25,119,119)
```
#1d8787
```
#1d8787 rgb(29,135,135)
```
#209797
```
#209797 rgb(32,151,151)
```
#24a7a7
```
#24a7a7 rgb(36,167,167)
```
#27b8b8
```
#27b8b8 rgb(39,184,184)
```
#2bc8c8
```
#2bc8c8 rgb(43,200,200)
```

Shade Color Variation

#33d3d3
```
#33d3d3 rgb(51,211,211)
```
#43d7d7
```
#43d7d7 rgb(67,215,215)
```
#53dada
```
#53dada rgb(83,218,218)
```
#63dede
```
#63dede rgb(99,222,222)
```
#73e1e1
```
#73e1e1 rgb(115,225,225)
```
#84e5e5
```
#84e5e5 rgb(132,229,229)
```
#94e8e8
```
#94e8e8 rgb(148,232,232)
```
#a4ecec
```
#a4ecec rgb(164,236,236)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#c4f2f2
```
#c4f2f2 rgb(196,242,242)
```
#d4f6f6
```
#d4f6f6 rgb(212,246,246)
```
#e4f9f9
```
#e4f9f9 rgb(228,249,249)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#d0d3d3
```
#d0d3d3 rgb(208,211,211)
```
#cdd7d7
```
#cdd7d7 rgb(205,215,215)
```
#c9dada
```
#c9dada rgb(201,218,218)
```
#c6dede
```
#c6dede rgb(198,222,222)
```
#c2e1e1
```
#c2e1e1 rgb(194,225,225)
```
#bfe5e5
```
#bfe5e5 rgb(191,229,229)
```
#bbe8e8
```
#bbe8e8 rgb(187,232,232)
```
#b8ecec
```
#b8ecec rgb(184,236,236)
```
#b4efef
```
#b4efef rgb(180,239,239)
```
#b1f3f3
```
#b1f3f3 rgb(177,243,243)
```
#adf6f6
```
#adf6f6 rgb(173,246,246)
```
#aafafa
```
#aafafa rgb(170,250,250)
```
#a6fdfd
```
#a6fdfd rgb(166,253,253)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d5e1e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e4e9 Protanopia 1% of men
#f3dff5 Deuteranopia 1% of men
#bbedfe Tritanopia 0.001% of the population

Trichromacy

#d5e8eb Protanomaly 1% of men, 0.01% of women
#dce5f3 Deuteranomaly 6% of men, 0.4% of women
#b8eef8 Tritanomaly 0.01% of the population

#b4efef hex color

#b4efef Color Information

#b4efef Color Conversion

Color Schemes with #b4efef

Alternatives to #b4efef

#b4efef Preview

Shades and Tints of #b4efef

Tones of #b4efef

Color Blindness Simulator