#b4efff hex color

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

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

● #b4efff color description : Pale cyan.

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

Hex triplet	b4efff	`#b4efff`
RGB Decimal	180, 239, 255	`rgb(180,239,255)`
RGB Percent	70.6, 93.7, 100	`rgb(70.6%,93.7%,100%)`
CMYK	29, 6, 0, 0
HSL	192.8°, 100, 85.3	`hsl(192.8,100%,85.3%)`
HSV (or HSB)	192.8°, 29.4, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.077, -14.932, -13.737
XYZ	67.735, 78.654, 106.215
xyY	0.268, 0.311, 78.654
CIE-LCH	91.077, 20.289, 222.613
CIE-LUV	91.077, -29.42, -19.367
Hunter-Lab	88.687, -18.873, -8.927
Binary	10110100, 11101111, 11111111

#b4efff
```
#b4efff rgb(180,239,255)
```
#ffc4b4
```
#ffc4b4 rgb(255,196,180)
```

Complementary Color

#b4ffea
```
#b4ffea rgb(180,255,234)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#b4caff
```
#b4caff rgb(180,202,255)
```

Analogous Color

#ffeab4
```
#ffeab4 rgb(255,234,180)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#ffb4ca
```
#ffb4ca rgb(255,180,202)
```

Split Complementary Color

#efffb4
```
#efffb4 rgb(239,255,180)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#ffb4ef
```
#ffb4ef rgb(255,180,239)
```

Triadic Color

#b4ffc4
```
#b4ffc4 rgb(180,255,196)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#ffb4ef
```
#ffb4ef rgb(255,180,239)
```
#ffc4b4
```
#ffc4b4 rgb(255,196,180)
```

Tetradic Color

#68dfff
```
#68dfff rgb(104,223,255)
```
#81e4ff
```
#81e4ff rgb(129,228,255)
```
#9beaff
```
#9beaff rgb(155,234,255)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#cef4ff
```
#cef4ff rgb(206,244,255)
```
#e7faff
```
#e7faff rgb(231,250,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4fffc
```
#b4fffc rgb(180,255,252)
```
#b4fcff
```
#b4fcff rgb(180,252,255)
```
#b4f5ff
```
#b4f5ff rgb(180,245,255)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#b4e9ff
```
#b4e9ff rgb(180,233,255)
```
#b4e3ff
```
#b4e3ff rgb(180,227,255)
```
#b4dcff
```
#b4dcff rgb(180,220,255)
```

Similar Colors

Text with hexadecimal color #b4efff

This text has a font color of #b4efff.

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

#b4efff background color

This paragraph has a background color of #b4efff.

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

#b4efff border color

This element has a border color of #b4efff.

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

CSS codes

.text {color:#b4efff;}

.background {background-color:#b4efff;}

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001217
```
#001217 rgb(0,18,23)
```
#00222b
```
#00222b rgb(0,34,43)
```
#00313e
```
#00313e rgb(0,49,62)
```
#004052
```
#004052 rgb(0,64,82)
```
#005066
```
#005066 rgb(0,80,102)
```
#005f79
```
#005f79 rgb(0,95,121)
```
#006f8d
```
#006f8d rgb(0,111,141)
```
#007ea0
```
#007ea0 rgb(0,126,160)
```
#008eb4
```
#008eb4 rgb(0,142,180)
```
#009dc8
```
#009dc8 rgb(0,157,200)
```
#00acdb
```
#00acdb rgb(0,172,219)
```
#00bcef
```
#00bcef rgb(0,188,239)
```

Shade Color Variation

#03c9ff
```
#03c9ff rgb(3,201,255)
```
#17ceff
```
#17ceff rgb(23,206,255)
```
#2bd2ff
```
#2bd2ff rgb(43,210,255)
```
#3ed6ff
```
#3ed6ff rgb(62,214,255)
```
#52daff
```
#52daff rgb(82,218,255)
```
#66deff
```
#66deff rgb(102,222,255)
```
#79e2ff
```
#79e2ff rgb(121,226,255)
```
#8de7ff
```
#8de7ff rgb(141,231,255)
```
#a0ebff
```
#a0ebff rgb(160,235,255)
```
#b4efff
```
#b4efff rgb(180,239,255)
```
#c8f3ff
```
#c8f3ff rgb(200,243,255)
```
#dbf7ff
```
#dbf7ff rgb(219,247,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#d7dbdc
```
#d7dbdc rgb(215,219,220)
```
#d4dddf
```
#d4dddf rgb(212,221,223)
```
#d1dee2
```
#d1dee2 rgb(209,222,226)
```
#cee0e5
```
#cee0e5 rgb(206,224,229)
```
#cbe2e8
```
#cbe2e8 rgb(203,226,232)
```
#c8e3eb
```
#c8e3eb rgb(200,227,235)
```
#c5e5ee
```
#c5e5ee rgb(197,229,238)
```
#c2e7f1
```
#c2e7f1 rgb(194,231,241)
```
#c0e8f3
```
#c0e8f3 rgb(192,232,243)
```
#bdeaf6
```
#bdeaf6 rgb(189,234,246)
```
#baecf9
```
#baecf9 rgb(186,236,249)
```
#b7edfc
```
#b7edfc rgb(183,237,252)
```
#b4efff
```
#b4efff rgb(180,239,255)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d6e2e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e5f8 Protanopia 1% of men
#ece2ff Deuteranopia 1% of men
#bceeff Tritanopia 0.001% of the population

Trichromacy

#d3e8fb Protanomaly 1% of men, 0.01% of women
#d7e6ff Deuteranomaly 6% of men, 0.4% of women
#b9eeff Tritanomaly 0.01% of the population

#b4efff hex color

#b4efff Color Information

#b4efff Color Conversion

Color Schemes with #b4efff

Alternatives to #b4efff

#b4efff Preview

Shades and Tints of #b4efff

Tones of #b4efff

Color Blindness Simulator