#b4f0ff hex color

In a RGB color space, hex #b4f0ff is composed of 70.6% red, 94.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 5.9% magenta, 0% yellow and 0% black. It has a hue angle of 192 degrees, a saturation of 100% and a lightness of 85.3%. #b4f0ff color hex could be obtained by blending #ffffff with #69e1ff. 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

● #b4f0ff color description : Pale cyan.

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

Hex triplet	b4f0ff	`#b4f0ff`
RGB Decimal	180, 240, 255	`rgb(180,240,255)`
RGB Percent	70.6, 94.1, 100	`rgb(70.6%,94.1%,100%)`
CMYK	29, 6, 0, 0
HSL	192°, 100, 85.3	`hsl(192,100%,85.3%)`
HSV (or HSB)	192°, 29.4, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.343, -15.433, -13.339
XYZ	68.028, 79.241, 106.313
xyY	0.268, 0.312, 79.241
CIE-LCH	91.343, 20.399, 220.838
CIE-LUV	91.343, -29.845, -18.641
Hunter-Lab	89.017, -19.369, -8.497
Binary	10110100, 11110000, 11111111

#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#ffc3b4
```
#ffc3b4 rgb(255,195,180)
```

Complementary Color

#b4ffe9
```
#b4ffe9 rgb(180,255,233)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#b4cbff
```
#b4cbff rgb(180,203,255)
```

Analogous Color

#ffe9b4
```
#ffe9b4 rgb(255,233,180)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#ffb4cb
```
#ffb4cb rgb(255,180,203)
```

Split Complementary Color

#f0ffb4
```
#f0ffb4 rgb(240,255,180)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#ffb4f0
```
#ffb4f0 rgb(255,180,240)
```

Triadic Color

#b4ffc3
```
#b4ffc3 rgb(180,255,195)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#ffb4f0
```
#ffb4f0 rgb(255,180,240)
```
#ffc3b4
```
#ffc3b4 rgb(255,195,180)
```

Tetradic Color

#68e1ff
```
#68e1ff rgb(104,225,255)
```
#81e6ff
```
#81e6ff rgb(129,230,255)
```
#9bebff
```
#9bebff rgb(155,235,255)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#cef5ff
```
#cef5ff rgb(206,245,255)
```
#e7faff
```
#e7faff rgb(231,250,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4fffb
```
#b4fffb rgb(180,255,251)
```
#b4fdff
```
#b4fdff rgb(180,253,255)
```
#b4f6ff
```
#b4f6ff rgb(180,246,255)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#b4eaff
```
#b4eaff rgb(180,234,255)
```
#b4e4ff
```
#b4e4ff rgb(180,228,255)
```
#b4ddff
```
#b4ddff rgb(180,221,255)
```

Similar Colors

Text with hexadecimal color #b4f0ff

This text has a font color of #b4f0ff.

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

#b4f0ff background color

This paragraph has a background color of #b4f0ff.

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

#b4f0ff border color

This element has a border color of #b4f0ff.

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

CSS codes

.text {color:#b4f0ff;}

.background {background-color:#b4f0ff;}

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

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)
```
#00323e
```
#00323e rgb(0,50,62)
```
#004252
```
#004252 rgb(0,66,82)
```
#005166
```
#005166 rgb(0,81,102)
```
#006179
```
#006179 rgb(0,97,121)
```
#00718d
```
#00718d rgb(0,113,141)
```
#0080a0
```
#0080a0 rgb(0,128,160)
```
#0090b4
```
#0090b4 rgb(0,144,180)
```
#00a0c8
```
#00a0c8 rgb(0,160,200)
```
#00afdb
```
#00afdb rgb(0,175,219)
```
#00bfef
```
#00bfef rgb(0,191,239)
```

Shade Color Variation

#03cdff
```
#03cdff rgb(3,205,255)
```
#17d1ff
```
#17d1ff rgb(23,209,255)
```
#2bd5ff
```
#2bd5ff rgb(43,213,255)
```
#3ed8ff
```
#3ed8ff rgb(62,216,255)
```
#52dcff
```
#52dcff rgb(82,220,255)
```
#66e0ff
```
#66e0ff rgb(102,224,255)
```
#79e4ff
```
#79e4ff rgb(121,228,255)
```
#8de8ff
```
#8de8ff rgb(141,232,255)
```
#a0ecff
```
#a0ecff rgb(160,236,255)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#c8f4ff
```
#c8f4ff rgb(200,244,255)
```
#dbf8ff
```
#dbf8ff rgb(219,248,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 #b4f0ff is the most saturated one.

#d7dbdc
```
#d7dbdc rgb(215,219,220)
```
#d4dddf
```
#d4dddf rgb(212,221,223)
```
#d1dfe2
```
#d1dfe2 rgb(209,223,226)
```
#cee0e5
```
#cee0e5 rgb(206,224,229)
```
#cbe2e8
```
#cbe2e8 rgb(203,226,232)
```
#c8e4eb
```
#c8e4eb rgb(200,228,235)
```
#c5e6ee
```
#c5e6ee rgb(197,230,238)
```
#c2e7f1
```
#c2e7f1 rgb(194,231,241)
```
#c0e9f3
```
#c0e9f3 rgb(192,233,243)
```
#bdebf6
```
#bdebf6 rgb(189,235,246)
```
#baedf9
```
#baedf9 rgb(186,237,249)
```
#b7eefc
```
#b7eefc rgb(183,238,252)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d7e3e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e6f8 Protanopia 1% of men
#ede3ff Deuteranopia 1% of men
#beefff Tritanopia 0.001% of the population

Trichromacy

#d3e9fb Protanomaly 1% of men, 0.01% of women
#d8e7ff Deuteranomaly 6% of men, 0.4% of women
#baefff Tritanomaly 0.01% of the population

#b4f0ff hex color

#b4f0ff Color Information

#b4f0ff Color Conversion

Color Schemes with #b4f0ff

Alternatives to #b4f0ff

#b4f0ff Preview

Shades and Tints of #b4f0ff

Tones of #b4f0ff

Color Blindness Simulator