#b3e1f9 hex color

In a RGB color space, hex #b3e1f9 is composed of 70.2% red, 88.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 9.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 200.6 degrees, a saturation of 85.4% and a lightness of 83.9%. #b3e1f9 color hex could be obtained by blending #ffffff with #67c3f3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 70
- G 88
- B 98
RGB color chart
- C 28
- M 10
- Y 0
- K 2
CMYK color chart

● #b3e1f9 color description : Very soft blue.

The hexadecimal color #b3e1f9 has RGB values of R:179, G:225, B:249 and CMYK values of C:0.28, M:0.1, Y:0, K:0.02. Its decimal value is 11788793.

Hex triplet	b3e1f9	`#b3e1f9`
RGB Decimal	179, 225, 249	`rgb(179,225,249)`
RGB Percent	70.2, 88.2, 97.6	`rgb(70.2%,88.2%,97.6%)`
CMYK	28, 10, 0, 2
HSL	200.6°, 85.4, 83.9	`hsl(200.6,85.4%,83.9%)`
HSV (or HSB)	200.6°, 28.1, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.13, -9.475, -16.52
XYZ	62.611, 70.272, 99.882
xyY	0.269, 0.302, 70.272
CIE-LCH	87.13, 19.044, 240.163
CIE-LUV	87.13, -23.804, -24.692
Hunter-Lab	83.828, -13.379, -11.965
Binary	10110011, 11100001, 11111001

#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#f9cbb3
```
#f9cbb3 rgb(249,203,179)
```

Complementary Color

#b3f9ee
```
#b3f9ee rgb(179,249,238)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#b3bef9
```
#b3bef9 rgb(179,190,249)
```

Analogous Color

#f9eeb3
```
#f9eeb3 rgb(249,238,179)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#f9b3be
```
#f9b3be rgb(249,179,190)
```

Split Complementary Color

#e1f9b3
```
#e1f9b3 rgb(225,249,179)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#f9b3e1
```
#f9b3e1 rgb(249,179,225)
```

Triadic Color

#b3f9cb
```
#b3f9cb rgb(179,249,203)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#f9b3e1
```
#f9b3e1 rgb(249,179,225)
```
#f9cbb3
```
#f9cbb3 rgb(249,203,179)
```

Tetradic Color

#6cc5f3
```
#6cc5f3 rgb(108,197,243)
```
#84cef5
```
#84cef5 rgb(132,206,245)
```
#9bd8f7
```
#9bd8f7 rgb(155,216,247)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#cbeafb
```
#cbeafb rgb(203,234,251)
```
#e2f4fd
```
#e2f4fd rgb(226,244,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Monochromatic Color

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

#b3f3f9
```
#b3f3f9 rgb(179,243,249)
```
#b3edf9
```
#b3edf9 rgb(179,237,249)
```
#b3e7f9
```
#b3e7f9 rgb(179,231,249)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#b3dbf9
```
#b3dbf9 rgb(179,219,249)
```
#b3d5f9
```
#b3d5f9 rgb(179,213,249)
```
#b3d0f9
```
#b3d0f9 rgb(179,208,249)
```

Similar Colors

Text with hexadecimal color #b3e1f9

This text has a font color of #b3e1f9.

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

#b3e1f9 background color

This paragraph has a background color of #b3e1f9.

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

#b3e1f9 border color

This element has a border color of #b3e1f9.

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

CSS codes

.text {color:#b3e1f9;}

.background {background-color:#b3e1f9;}

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

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

#010a0f
```
#010a0f rgb(1,10,15)
```
#031721
```
#031721 rgb(3,23,33)
```
#042333
```
#042333 rgb(4,35,51)
```
#053045
```
#053045 rgb(5,48,69)
```
#073c58
```
#073c58 rgb(7,60,88)
```
#08486a
```
#08486a rgb(8,72,106)
```
#0a557c
```
#0a557c rgb(10,85,124)
```
#0b618e
```
#0b618e rgb(11,97,142)
```
#0d6ea0
```
#0d6ea0 rgb(13,110,160)
```
#0e7ab3
```
#0e7ab3 rgb(14,122,179)
```
#1087c5
```
#1087c5 rgb(16,135,197)
```
#1193d7
```
#1193d7 rgb(17,147,215)
```
#129fe9
```
#129fe9 rgb(18,159,233)
```

Shade Color Variation

#22a8ee
```
#22a8ee rgb(34,168,238)
```
#34afef
```
#34afef rgb(52,175,239)
```
#46b6f0
```
#46b6f0 rgb(70,182,240)
```
#58bdf2
```
#58bdf2 rgb(88,189,242)
```
#6ac4f3
```
#6ac4f3 rgb(106,196,243)
```
#7ccbf5
```
#7ccbf5 rgb(124,203,245)
```
#8fd3f6
```
#8fd3f6 rgb(143,211,246)
```
#a1daf8
```
#a1daf8 rgb(161,218,248)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#c5e8fa
```
#c5e8fa rgb(197,232,250)
```
#d7effc
```
#d7effc rgb(215,239,252)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#d6d6d6
```
#d6d6d6 rgb(214,214,214)
```
#d3d7d9
```
#d3d7d9 rgb(211,215,217)
```
#cfd8dd
```
#cfd8dd rgb(207,216,221)
```
#ccd9e0
```
#ccd9e0 rgb(204,217,224)
```
#c9dae3
```
#c9dae3 rgb(201,218,227)
```
#c6dbe6
```
#c6dbe6 rgb(198,219,230)
```
#c3dce9
```
#c3dce9 rgb(195,220,233)
```
#c0ddec
```
#c0ddec rgb(192,221,236)
```
#bcdef0
```
#bcdef0 rgb(188,222,240)
```
#b9dff3
```
#b9dff3 rgb(185,223,243)
```
#b6e0f6
```
#b6e0f6 rgb(182,224,246)
```
#b3e1f9
```
#b3e1f9 rgb(179,225,249)
```
#b0e2fc
```
#b0e2fc rgb(176,226,252)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cfd8dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8daf4 Protanopia 1% of men
#dfd7fd Deuteranopia 1% of men
#b5e3f3 Tritanopia 0.001% of the population

Trichromacy

#cadcf6 Protanomaly 1% of men, 0.01% of women
#cfdafb Deuteranomaly 6% of men, 0.4% of women
#b4e2f5 Tritanomaly 0.01% of the population

#b3e1f9 hex color

#b3e1f9 Color Information

#b3e1f9 Color Conversion

Color Schemes with #b3e1f9

Alternatives to #b3e1f9

#b3e1f9 Preview

Shades and Tints of #b3e1f9

Tones of #b3e1f9

Color Blindness Simulator