#b0f3f8 hex color

In a RGB color space, hex #b0f3f8 is composed of 69% red, 95.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 2% magenta, 0% yellow and 2.7% black. It has a hue angle of 184.2 degrees, a saturation of 83.7% and a lightness of 83.1%. #b0f3f8 color hex could be obtained by blending #ffffff with #61e7f1. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 95
- B 97
RGB color chart
- C 29
- M 2
- Y 0
- K 3
CMYK color chart

● #b0f3f8 color description : Very soft cyan.

The hexadecimal color #b0f3f8 has RGB values of R:176, G:243, B:248 and CMYK values of C:0.29, M:0.02, Y:0, K:0.03. Its decimal value is 11596792.

Hex triplet	b0f3f8	`#b0f3f8`
RGB Decimal	176, 243, 248	`rgb(176,243,248)`
RGB Percent	69, 95.3, 97.3	`rgb(69%,95.3%,97.3%)`
CMYK	29, 2, 0, 3
HSL	184.2°, 83.7, 83.1	`hsl(184.2,83.7%,83.1%)`
HSV (or HSB)	184.2°, 29, 97.3
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.732, -19.61, -9.138
XYZ	66.894, 80.106, 100.739
xyY	0.27, 0.323, 80.106
CIE-LCH	91.732, 21.634, 204.986
CIE-LUV	91.732, -32.776, -11.132
Hunter-Lab	89.502, -23.217, -4.083
Binary	10110000, 11110011, 11111000

#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#f8b5b0
```
#f8b5b0 rgb(248,181,176)
```

Complementary Color

#b0f8d9
```
#b0f8d9 rgb(176,248,217)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#b0cff8
```
#b0cff8 rgb(176,207,248)
```

Analogous Color

#f8d9b0
```
#f8d9b0 rgb(248,217,176)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#f8b0cf
```
#f8b0cf rgb(248,176,207)
```

Split Complementary Color

#f3f8b0
```
#f3f8b0 rgb(243,248,176)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#f8b0f3
```
#f8b0f3 rgb(248,176,243)
```

Triadic Color

#b0f8b5
```
#b0f8b5 rgb(176,248,181)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#f8b0f3
```
#f8b0f3 rgb(248,176,243)
```
#f8b5b0
```
#f8b5b0 rgb(248,181,176)
```

Tetradic Color

#6ae8f2
```
#6ae8f2 rgb(106,232,242)
```
#81ecf4
```
#81ecf4 rgb(129,236,244)
```
#99eff6
```
#99eff6 rgb(153,239,246)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#c7f7fa
```
#c7f7fa rgb(199,247,250)
```
#dffafc
```
#dffafc rgb(223,250,252)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Monochromatic Color

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

#b0f8eb
```
#b0f8eb rgb(176,248,235)
```
#b0f8f1
```
#b0f8f1 rgb(176,248,241)
```
#b0f8f7
```
#b0f8f7 rgb(176,248,247)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#b0edf8
```
#b0edf8 rgb(176,237,248)
```
#b0e7f8
```
#b0e7f8 rgb(176,231,248)
```
#b0e1f8
```
#b0e1f8 rgb(176,225,248)
```

Similar Colors

Text with hexadecimal color #b0f3f8

This text has a font color of #b0f3f8.

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

#b0f3f8 background color

This paragraph has a background color of #b0f3f8.

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

#b0f3f8 border color

This element has a border color of #b0f3f8.

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

CSS codes

.text {color:#b0f3f8;}

.background {background-color:#b0f3f8;}

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

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

#010a0b
```
#010a0b rgb(1,10,11)
```
#031b1d
```
#031b1d rgb(3,27,29)
```
#042c2f
```
#042c2f rgb(4,44,47)
```
#063d41
```
#063d41 rgb(6,61,65)
```
#074e53
```
#074e53 rgb(7,78,83)
```
#095f65
```
#095f65 rgb(9,95,101)
```
#0b7077
```
#0b7077 rgb(11,112,119)
```
#0c8189
```
#0c8189 rgb(12,129,137)
```
#0e919b
```
#0e919b rgb(14,145,155)
```
#0fa2ad
```
#0fa2ad rgb(15,162,173)
```
#11b3bf
```
#11b3bf rgb(17,179,191)
```
#13c4d1
```
#13c4d1 rgb(19,196,209)
```
#14d5e3
```
#14d5e3 rgb(20,213,227)
```

Shade Color Variation

#20ddeb
```
#20ddeb rgb(32,221,235)
```
#32e0ed
```
#32e0ed rgb(50,224,237)
```
#44e3ee
```
#44e3ee rgb(68,227,238)
```
#56e5f0
```
#56e5f0 rgb(86,229,240)
```
#68e8f2
```
#68e8f2 rgb(104,232,242)
```
#7aebf3
```
#7aebf3 rgb(122,235,243)
```
#8ceef5
```
#8ceef5 rgb(140,238,245)
```
#9ef0f6
```
#9ef0f6 rgb(158,240,246)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#c2f6fa
```
#c2f6fa rgb(194,246,250)
```
#d4f8fb
```
#d4f8fb rgb(212,248,251)
```
#e6fbfd
```
#e6fbfd rgb(230,251,253)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#d1d7d7
```
#d1d7d7 rgb(209,215,215)
```
#ced9da
```
#ced9da rgb(206,217,218)
```
#cadcde
```
#cadcde rgb(202,220,222)
```
#c7dfe1
```
#c7dfe1 rgb(199,223,225)
```
#c4e2e4
```
#c4e2e4 rgb(196,226,228)
```
#c1e5e7
```
#c1e5e7 rgb(193,229,231)
```
#bde8eb
```
#bde8eb rgb(189,232,235)
```
#baeaee
```
#baeaee rgb(186,234,238)
```
#b7edf1
```
#b7edf1 rgb(183,237,241)
```
#b3f0f5
```
#b3f0f5 rgb(179,240,245)
```
#b0f3f8
```
#b0f3f8 rgb(176,243,248)
```
#adf6fb
```
#adf6fb rgb(173,246,251)
```
#a9f9ff
```
#a9f9ff rgb(169,249,255)
```

Tone Color Variation

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

Dichromacy

#e9e7f1 Protanopia 1% of men
#f3e2fe Deuteranopia 1% of men
#c0f0ff Tritanopia 0.001% of the population

Trichromacy

#d4ebf3 Protanomaly 1% of men, 0.01% of women
#dae8fb Deuteranomaly 6% of men, 0.4% of women
#baf1fc Tritanomaly 0.01% of the population

#b0f3f8 hex color

#b0f3f8 Color Information

#b0f3f8 Color Conversion

Color Schemes with #b0f3f8

Alternatives to #b0f3f8

#b0f3f8 Preview

Shades and Tints of #b0f3f8

Tones of #b0f3f8

Color Blindness Simulator