#b3d7ee hex color

In a RGB color space, hex #b3d7ee is composed of 70.2% red, 84.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 9.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 203.4 degrees, a saturation of 63.4% and a lightness of 81.8%. #b3d7ee color hex could be obtained by blending #ffffff with #67afdd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 70
- G 84
- B 93
RGB color chart
- C 25
- M 10
- Y 0
- K 7
CMYK color chart

● #b3d7ee color description : Very soft blue.

The hexadecimal color #b3d7ee has RGB values of R:179, G:215, B:238 and CMYK values of C:0.25, M:0.1, Y:0, K:0.07. Its decimal value is 11786222.

Hex triplet	b3d7ee	`#b3d7ee`
RGB Decimal	179, 215, 238	`rgb(179,215,238)`
RGB Percent	70.2, 84.3, 93.3	`rgb(70.2%,84.3%,93.3%)`
CMYK	25, 10, 0, 7
HSL	203.4°, 63.4, 81.8	`hsl(203.4,63.4%,81.8%)`
HSV (or HSB)	203.4°, 24.8, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.151, -6.808, -15.185
XYZ	58.32, 64.356, 90.233
xyY	0.274, 0.302, 64.356
CIE-LCH	84.151, 16.641, 245.853
CIE-LUV	84.151, -19.267, -22.813
Hunter-Lab	80.222, -10.623, -10.533
Binary	10110011, 11010111, 11101110

#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#eecab3
```
#eecab3 rgb(238,202,179)
```

Complementary Color

#b3eee8
```
#b3eee8 rgb(179,238,232)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#b3baee
```
#b3baee rgb(179,186,238)
```

Analogous Color

#eee8b3
```
#eee8b3 rgb(238,232,179)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#eeb3ba
```
#eeb3ba rgb(238,179,186)
```

Split Complementary Color

#d7eeb3
```
#d7eeb3 rgb(215,238,179)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#eeb3d7
```
#eeb3d7 rgb(238,179,215)
```

Triadic Color

#b3eeca
```
#b3eeca rgb(179,238,202)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#eeb3d7
```
#eeb3d7 rgb(238,179,215)
```
#eecab3
```
#eecab3 rgb(238,202,179)
```

Tetradic Color

#74b6e0
```
#74b6e0 rgb(116,182,224)
```
#89c1e5
```
#89c1e5 rgb(137,193,229)
```
#9ecce9
```
#9ecce9 rgb(158,204,233)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#c8e2f3
```
#c8e2f3 rgb(200,226,243)
```
#ddedf7
```
#ddedf7 rgb(221,237,247)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Monochromatic Color

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

#b3e6ee
```
#b3e6ee rgb(179,230,238)
```
#b3e1ee
```
#b3e1ee rgb(179,225,238)
```
#b3dcee
```
#b3dcee rgb(179,220,238)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#b3d2ee
```
#b3d2ee rgb(179,210,238)
```
#b3cdee
```
#b3cdee rgb(179,205,238)
```
#b3c8ee
```
#b3c8ee rgb(179,200,238)
```

Similar Colors

Text with hexadecimal color #b3d7ee

This text has a font color of #b3d7ee.

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

#b3d7ee background color

This paragraph has a background color of #b3d7ee.

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

#b3d7ee border color

This element has a border color of #b3d7ee.

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

CSS codes

.text {color:#b3d7ee;}

.background {background-color:#b3d7ee;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050e14
```
#050e14 rgb(5,14,20)
```
#081924
```
#081924 rgb(8,25,36)
```
#0c2434
```
#0c2434 rgb(12,36,52)
```
#0f3044
```
#0f3044 rgb(15,48,68)
```
#133b54
```
#133b54 rgb(19,59,84)
```
#164664
```
#164664 rgb(22,70,100)
```
#1a5174
```
#1a5174 rgb(26,81,116)
```
#1e5c84
```
#1e5c84 rgb(30,92,132)
```
#216894
```
#216894 rgb(33,104,148)
```
#2573a4
```
#2573a4 rgb(37,115,164)
```
#287eb4
```
#287eb4 rgb(40,126,180)
```
#2c89c5
```
#2c89c5 rgb(44,137,197)
```

Shade Color Variation

#3394d1
```
#3394d1 rgb(51,148,209)
```
#439cd5
```
#439cd5 rgb(67,156,213)
```
#53a4d8
```
#53a4d8 rgb(83,164,216)
```
#63addc
```
#63addc rgb(99,173,220)
```
#73b5e0
```
#73b5e0 rgb(115,181,224)
```
#83bee3
```
#83bee3 rgb(131,190,227)
```
#93c6e7
```
#93c6e7 rgb(147,198,231)
```
#a3cfea
```
#a3cfea rgb(163,207,234)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#c3dff2
```
#c3dff2 rgb(195,223,242)
```
#d3e8f5
```
#d3e8f5 rgb(211,232,245)
```
#e3f0f9
```
#e3f0f9 rgb(227,240,249)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#d0d1d1
```
#d0d1d1 rgb(208,209,209)
```
#ccd1d5
```
#ccd1d5 rgb(204,209,213)
```
#c8d2d9
```
#c8d2d9 rgb(200,210,217)
```
#c5d3dc
```
#c5d3dc rgb(197,211,220)
```
#c1d4e0
```
#c1d4e0 rgb(193,212,224)
```
#bed5e3
```
#bed5e3 rgb(190,213,227)
```
#bad5e7
```
#bad5e7 rgb(186,213,231)
```
#b7d6ea
```
#b7d6ea rgb(183,214,234)
```
#b3d7ee
```
#b3d7ee rgb(179,215,238)
```
#afd8f2
```
#afd8f2 rgb(175,216,242)
```
#acd9f5
```
#acd9f5 rgb(172,217,245)
```
#a8d9f9
```
#a8d9f9 rgb(168,217,249)
```
#a5dafc
```
#a5dafc rgb(165,218,252)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d1d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d2eb Protanopia 1% of men
#d8cff2 Deuteranopia 1% of men
#b5d9e9 Tritanopia 0.001% of the population

Trichromacy

#c5d4ec Protanomaly 1% of men, 0.01% of women
#cbd2f0 Deuteranomaly 6% of men, 0.4% of women
#b4d8eb Tritanomaly 0.01% of the population

#b3d7ee hex color

#b3d7ee Color Information

#b3d7ee Color Conversion

Color Schemes with #b3d7ee

Alternatives to #b3d7ee

#b3d7ee Preview

Shades and Tints of #b3d7ee

Tones of #b3d7ee

Color Blindness Simulator