#b3c7d3 hex color

In a RGB color space, hex #b3c7d3 is composed of 70.2% red, 78% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 5.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 202.5 degrees, a saturation of 26.7% and a lightness of 76.5%. #b3c7d3 color hex could be obtained by blending #ffffff with #678fa7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 78
- B 83
RGB color chart
- C 15
- M 6
- Y 0
- K 17
CMYK color chart

● #b3c7d3 color description : Grayish blue.

The hexadecimal color #b3c7d3 has RGB values of R:179, G:199, B:211 and CMYK values of C:0.15, M:0.06, Y:0, K:0.17. Its decimal value is 11782099.

Hex triplet	b3c7d3	`#b3c7d3`
RGB Decimal	179, 199, 211	`rgb(179,199,211)`
RGB Percent	70.2, 78, 82.7	`rgb(70.2%,78%,82.7%)`
CMYK	15, 6, 0, 17
HSL	202.5°, 26.7, 76.5	`hsl(202.5,26.7%,76.5%)`
HSV (or HSB)	202.5°, 15.2, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.118, -4.304, -8.281
XYZ	50.769, 55.133, 69.591
xyY	0.289, 0.314, 55.133
CIE-LCH	79.118, 9.333, 242.54
CIE-LUV	79.118, -11.249, -11.992
Hunter-Lab	74.252, -7.891, -3.593
Binary	10110011, 11000111, 11010011

#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#d3bfb3
```
#d3bfb3 rgb(211,191,179)
```

Complementary Color

#b3d3cf
```
#b3d3cf rgb(179,211,207)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#b3b7d3
```
#b3b7d3 rgb(179,183,211)
```

Analogous Color

#d3cfb3
```
#d3cfb3 rgb(211,207,179)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#d3b3b7
```
#d3b3b7 rgb(211,179,183)
```

Split Complementary Color

#c7d3b3
```
#c7d3b3 rgb(199,211,179)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#d3b3c7
```
#d3b3c7 rgb(211,179,199)
```

Triadic Color

#b3d3bf
```
#b3d3bf rgb(179,211,191)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#d3b3c7
```
#d3b3c7 rgb(211,179,199)
```
#d3bfb3
```
#d3bfb3 rgb(211,191,179)
```

Tetradic Color

#83a3b7
```
#83a3b7 rgb(131,163,183)
```
#93afc0
```
#93afc0 rgb(147,175,192)
```
#a3bbca
```
#a3bbca rgb(163,187,202)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#c3d3dc
```
#c3d3dc rgb(195,211,220)
```
#d3dfe6
```
#d3dfe6 rgb(211,223,230)
```
#e3ebef
```
#e3ebef rgb(227,235,239)
```

Monochromatic Color

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

#b3cfd3
```
#b3cfd3 rgb(179,207,211)
```
#b3ccd3
```
#b3ccd3 rgb(179,204,211)
```
#b3cad3
```
#b3cad3 rgb(179,202,211)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#b3c4d3
```
#b3c4d3 rgb(179,196,211)
```
#b3c2d3
```
#b3c2d3 rgb(179,194,211)
```
#b3bfd3
```
#b3bfd3 rgb(179,191,211)
```

Similar Colors

Text with hexadecimal color #b3c7d3

This text has a font color of #b3c7d3.

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

#b3c7d3 background color

This paragraph has a background color of #b3c7d3.

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

#b3c7d3 border color

This element has a border color of #b3c7d3.

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

CSS codes

.text {color:#b3c7d3;}

.background {background-color:#b3c7d3;}

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

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, #06090b is the darkest color, while #fefefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0e1417
```
#0e1417 rgb(14,20,23)
```
#151e24
```
#151e24 rgb(21,30,36)
```
#1c2930
```
#1c2930 rgb(28,41,48)
```
#23333d
```
#23333d rgb(35,51,61)
```
#2a3e49
```
#2a3e49 rgb(42,62,73)
```
#324856
```
#324856 rgb(50,72,86)
```
#395262
```
#395262 rgb(57,82,98)
```
#405d6e
```
#405d6e rgb(64,93,110)
```
#47677b
```
#47677b rgb(71,103,123)
```
#4e7287
```
#4e7287 rgb(78,114,135)
```
#557c94
```
#557c94 rgb(85,124,148)
```
#5d87a0
```
#5d87a0 rgb(93,135,160)
```

Shade Color Variation

#6890a8
```
#6890a8 rgb(104,144,168)
```
#7599af
```
#7599af rgb(117,153,175)
```
#81a2b6
```
#81a2b6 rgb(129,162,182)
```
#8eacbd
```
#8eacbd rgb(142,172,189)
```
#9ab5c5
```
#9ab5c5 rgb(154,181,197)
```
#a7becc
```
#a7becc rgb(167,190,204)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#bfd0da
```
#bfd0da rgb(191,208,218)
```
#ccd9e1
```
#ccd9e1 rgb(204,217,225)
```
#d8e2e9
```
#d8e2e9 rgb(216,226,233)
```
#e5ecf0
```
#e5ecf0 rgb(229,236,240)
```
#f1f5f7
```
#f1f5f7 rgb(241,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c1c4c5
```
#c1c4c5 rgb(193,196,197)
```
#bcc5ca
```
#bcc5ca rgb(188,197,202)
```
#b8c6ce
```
#b8c6ce rgb(184,198,206)
```
#b3c7d3
```
#b3c7d3 rgb(179,199,211)
```
#aec8d8
```
#aec8d8 rgb(174,200,216)
```
#aac9dc
```
#aac9dc rgb(170,201,220)
```
#a5cae1
```
#a5cae1 rgb(165,202,225)
```
#a1cce5
```
#a1cce5 rgb(161,204,229)
```
#9ccdea
```
#9ccdea rgb(156,205,234)
```
#97ceef
```
#97ceef rgb(151,206,239)
```
#93cff3
```
#93cff3 rgb(147,207,243)
```
#8ed0f8
```
#8ed0f8 rgb(142,208,248)
```
#89d1fd
```
#89d1fd rgb(137,209,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c5d2 Protanopia 1% of men
#d1c1d7 Deuteranopia 1% of men
#b7c9d7 Tritanopia 0.001% of the population

Trichromacy

#bfc6d2 Protanomaly 1% of men, 0.01% of women
#c6c3d6 Deuteranomaly 6% of men, 0.4% of women
#b5c8d6 Tritanomaly 0.01% of the population

#b3c7d3 hex color

#b3c7d3 Color Information

#b3c7d3 Color Conversion

Color Schemes with #b3c7d3

Alternatives to #b3c7d3

#b3c7d3 Preview

Shades and Tints of #b3c7d3

Tones of #b3c7d3

Color Blindness Simulator