#b0f4fd hex color

In a RGB color space, hex #b0f4fd is composed of 69% red, 95.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 3.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 187 degrees, a saturation of 95.1% and a lightness of 84.1%. #b0f4fd color hex could be obtained by blending #ffffff with #61e9fb. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 96
- B 99
RGB color chart
- C 30
- M 4
- Y 0
- K 1
CMYK color chart

● #b0f4fd color description : Very soft cyan.

The hexadecimal color #b0f4fd has RGB values of R:176, G:244, B:253 and CMYK values of C:0.3, M:0.04, Y:0, K:0.01. Its decimal value is 11597053.

Hex triplet	b0f4fd	`#b0f4fd`
RGB Decimal	176, 244, 253	`rgb(176,244,253)`
RGB Percent	69, 95.7, 99.2	`rgb(69%,95.7%,99.2%)`
CMYK	30, 4, 0, 1
HSL	187°, 95.1, 84.1	`hsl(187,95.1%,84.1%)`
HSV (or HSB)	187°, 30.4, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.141, -18.976, -11.131
XYZ	67.98, 81.021, 104.98
xyY	0.268, 0.319, 81.021
CIE-LCH	92.141, 22, 210.396
CIE-LUV	92.141, -33.18, -14.482
Hunter-Lab	90.011, -22.709, -6.142
Binary	10110000, 11110100, 11111101

#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#fdb9b0
```
#fdb9b0 rgb(253,185,176)
```

Complementary Color

#b0fde0
```
#b0fde0 rgb(176,253,224)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#b0cefd
```
#b0cefd rgb(176,206,253)
```

Analogous Color

#fde0b0
```
#fde0b0 rgb(253,224,176)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#fdb0ce
```
#fdb0ce rgb(253,176,206)
```

Split Complementary Color

#f4fdb0
```
#f4fdb0 rgb(244,253,176)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#fdb0f4
```
#fdb0f4 rgb(253,176,244)
```

Triadic Color

#b0fdb9
```
#b0fdb9 rgb(176,253,185)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#fdb0f4
```
#fdb0f4 rgb(253,176,244)
```
#fdb9b0
```
#fdb9b0 rgb(253,185,176)
```

Tetradic Color

#65eafb
```
#65eafb rgb(101,234,251)
```
#7eedfc
```
#7eedfc rgb(126,237,252)
```
#97f1fc
```
#97f1fc rgb(151,241,252)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#c9f7fe
```
#c9f7fe rgb(201,247,254)
```
#e2fbfe
```
#e2fbfe rgb(226,251,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Monochromatic Color

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

#b0fdf3
```
#b0fdf3 rgb(176,253,243)
```
#b0fdf9
```
#b0fdf9 rgb(176,253,249)
```
#b0fafd
```
#b0fafd rgb(176,250,253)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#b0eefd
```
#b0eefd rgb(176,238,253)
```
#b0e7fd
```
#b0e7fd rgb(176,231,253)
```
#b0e1fd
```
#b0e1fd rgb(176,225,253)
```

Similar Colors

Text with hexadecimal color #b0f4fd

This text has a font color of #b0f4fd.

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

#b0f4fd background color

This paragraph has a background color of #b0f4fd.

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

#b0f4fd border color

This element has a border color of #b0f4fd.

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

CSS codes

.text {color:#b0f4fd;}

.background {background-color:#b0f4fd;}

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

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, #000f11 is the darkest color, while #fdffff is the lightest one.

#000f11
```
#000f11 rgb(0,15,17)
```
#012024
```
#012024 rgb(1,32,36)
```
#013137
```
#013137 rgb(1,49,55)
```
#02424a
```
#02424a rgb(2,66,74)
```
#02535d
```
#02535d rgb(2,83,93)
```
#036470
```
#036470 rgb(3,100,112)
```
#037483
```
#037483 rgb(3,116,131)
```
#048597
```
#048597 rgb(4,133,151)
```
#0496aa
```
#0496aa rgb(4,150,170)
```
#05a7bd
```
#05a7bd rgb(5,167,189)
```
#05b8d0
```
#05b8d0 rgb(5,184,208)
```
#06c9e3
```
#06c9e3 rgb(6,201,227)
```
#06daf6
```
#06daf6 rgb(6,218,246)
```

Shade Color Variation

#17dff9
```
#17dff9 rgb(23,223,249)
```
#2ae1fa
```
#2ae1fa rgb(42,225,250)
```
#3de4fa
```
#3de4fa rgb(61,228,250)
```
#50e7fb
```
#50e7fb rgb(80,231,251)
```
#63e9fb
```
#63e9fb rgb(99,233,251)
```
#77ecfc
```
#77ecfc rgb(119,236,252)
```
#8aeffc
```
#8aeffc rgb(138,239,252)
```
#9df1fd
```
#9df1fd rgb(157,241,253)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```
#c3f7fd
```
#c3f7fd rgb(195,247,253)
```
#d6f9fe
```
#d6f9fe rgb(214,249,254)
```
#e9fcfe
```
#e9fcfe rgb(233,252,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#d5d7d8
```
#d5d7d8 rgb(213,215,216)
```
#d2dadb
```
#d2dadb rgb(210,218,219)
```
#cfdcde
```
#cfdcde rgb(207,220,222)
```
#ccdfe1
```
#ccdfe1 rgb(204,223,225)
```
#c9e1e4
```
#c9e1e4 rgb(201,225,228)
```
#c6e3e7
```
#c6e3e7 rgb(198,227,231)
```
#c3e6ea
```
#c3e6ea rgb(195,230,234)
```
#c0e8ed
```
#c0e8ed rgb(192,232,237)
```
#bceaf1
```
#bceaf1 rgb(188,234,241)
```
#b9edf4
```
#b9edf4 rgb(185,237,244)
```
#b6eff7
```
#b6eff7 rgb(182,239,247)
```
#b3f2fa
```
#b3f2fa rgb(179,242,250)
```
#b0f4fd
```
#b0f4fd rgb(176,244,253)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d7e5e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e8f6 Protanopia 1% of men
#f1e4ff Deuteranopia 1% of men
#c3f1ff Tritanopia 0.001% of the population

Trichromacy

#d4ecf8 Protanomaly 1% of men, 0.01% of women
#d9eafe Deuteranomaly 6% of men, 0.4% of women
#bcf2fe Tritanomaly 0.01% of the population

#b0f4fd hex color

#b0f4fd Color Information

#b0f4fd Color Conversion

Color Schemes with #b0f4fd

Alternatives to #b0f4fd

#b0f4fd Preview

Shades and Tints of #b0f4fd

Tones of #b0f4fd

Color Blindness Simulator