#b3b8c4 hex color

In a RGB color space, hex #b3b8c4 is composed of 70.2% red, 72.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 6.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 222.4 degrees, a saturation of 12.6% and a lightness of 73.5%. #b3b8c4 color hex could be obtained by blending #ffffff with #677189. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 72
- B 77
RGB color chart
- C 9
- M 6
- Y 0
- K 23
CMYK color chart

● #b3b8c4 color description : Grayish blue.

The hexadecimal color #b3b8c4 has RGB values of R:179, G:184, B:196 and CMYK values of C:0.09, M:0.06, Y:0, K:0.23. Its decimal value is 11778244.

Hex triplet	b3b8c4	`#b3b8c4`
RGB Decimal	179, 184, 196	`rgb(179,184,196)`
RGB Percent	70.2, 72.2, 76.9	`rgb(70.2%,72.2%,76.9%)`
CMYK	9, 6, 0, 23
HSL	222.4°, 12.6, 73.5	`hsl(222.4,12.6%,73.5%)`
HSV (or HSB)	222.4°, 8.7, 76.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.73, 0.609, -6.667
XYZ	45.693, 47.85, 59.05
xyY	0.299, 0.314, 47.85
CIE-LCH	74.73, 6.695, 275.221
CIE-LUV	74.73, -3.424, -10.188
Hunter-Lab	69.174, -3.145, -2.191
Binary	10110011, 10111000, 11000100

#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#c4bfb3
```
#c4bfb3 rgb(196,191,179)
```

Complementary Color

#b3c1c4
```
#b3c1c4 rgb(179,193,196)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#b7b3c4
```
#b7b3c4 rgb(183,179,196)
```

Analogous Color

#c1c4b3
```
#c1c4b3 rgb(193,196,179)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#c4b7b3
```
#c4b7b3 rgb(196,183,179)
```

Split Complementary Color

#b8c4b3
```
#b8c4b3 rgb(184,196,179)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#c4b3b8
```
#c4b3b8 rgb(196,179,184)
```

Triadic Color

#b3c4bf
```
#b3c4bf rgb(179,196,191)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#c4b3b8
```
#c4b3b8 rgb(196,179,184)
```
#c4bfb3
```
#c4bfb3 rgb(196,191,179)
```

Tetradic Color

#8890a3
```
#8890a3 rgb(136,144,163)
```
#969dae
```
#969dae rgb(150,157,174)
```
#a5abb9
```
#a5abb9 rgb(165,171,185)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#c1c5cf
```
#c1c5cf rgb(193,197,207)
```
#d0d3da
```
#d0d3da rgb(208,211,218)
```
#dee0e5
```
#dee0e5 rgb(222,224,229)
```

Monochromatic Color

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

#b3bcc4
```
#b3bcc4 rgb(179,188,196)
```
#b3bbc4
```
#b3bbc4 rgb(179,187,196)
```
#b3b9c4
```
#b3b9c4 rgb(179,185,196)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#b3b7c4
```
#b3b7c4 rgb(179,183,196)
```
#b3b5c4
```
#b3b5c4 rgb(179,181,196)
```
#b3b4c4
```
#b3b4c4 rgb(179,180,196)
```

Similar Colors

Text with hexadecimal color #b3b8c4

This text has a font color of #b3b8c4.

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

#b3b8c4 background color

This paragraph has a background color of #b3b8c4.

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

#b3b8c4 border color

This element has a border color of #b3b8c4.

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

CSS codes

.text {color:#b3b8c4;}

.background {background-color:#b3b8c4;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#121417
```
#121417 rgb(18,20,23)
```
#1b1d22
```
#1b1d22 rgb(27,29,34)
```
#23262d
```
#23262d rgb(35,38,45)
```
#2c3039
```
#2c3039 rgb(44,48,57)
```
#343944
```
#343944 rgb(52,57,68)
```
#3d424f
```
#3d424f rgb(61,66,79)
```
#464b5a
```
#464b5a rgb(70,75,90)
```
#4e5565
```
#4e5565 rgb(78,85,101)
```
#575e70
```
#575e70 rgb(87,94,112)
```
#5f677b
```
#5f677b rgb(95,103,123)
```
#687186
```
#687186 rgb(104,113,134)
```

Shade Color Variation

#717a91
```
#717a91 rgb(113,122,145)
```
#7c8499
```
#7c8499 rgb(124,132,153)
```
#878fa2
```
#878fa2 rgb(135,143,162)
```
#9299aa
```
#9299aa rgb(146,153,170)
```
#9da3b3
```
#9da3b3 rgb(157,163,179)
```
#a8aebb
```
#a8aebb rgb(168,174,187)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#c9cdd5
```
#c9cdd5 rgb(201,205,213)
```
#d4d7de
```
#d4d7de rgb(212,215,222)
```
#dfe1e6
```
#dfe1e6 rgb(223,225,230)
```
#eaecef
```
#eaecef rgb(234,236,239)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#b8babf
```
#b8babf rgb(184,186,191)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#aeb6c9
```
#aeb6c9 rgb(174,182,201)
```
#a9b4ce
```
#a9b4ce rgb(169,180,206)
```
#a3b2d4
```
#a3b2d4 rgb(163,178,212)
```
#9eafd9
```
#9eafd9 rgb(158,175,217)
```
#99adde
```
#99adde rgb(153,173,222)
```
#94abe3
```
#94abe3 rgb(148,171,227)
```
#8fa9e8
```
#8fa9e8 rgb(143,169,232)
```
#89a7ee
```
#89a7ee rgb(137,167,238)
```
#84a5f3
```
#84a5f3 rgb(132,165,243)
```
#7fa3f8
```
#7fa3f8 rgb(127,163,248)
```
#7aa0fd
```
#7aa0fd rgb(122,160,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b7b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbac6 Protanopia 1% of men
#c6b6c8 Deuteranopia 1% of men
#b7bbc8 Tritanopia 0.001% of the population

Trichromacy

#b8b9c5 Protanomaly 1% of men, 0.01% of women
#bfb7c7 Deuteranomaly 6% of men, 0.4% of women
#b5bac7 Tritanomaly 0.01% of the population

#b3b8c4 hex color

#b3b8c4 Color Information

#b3b8c4 Color Conversion

Color Schemes with #b3b8c4

Alternatives to #b3b8c4

#b3b8c4 Preview

Shades and Tints of #b3b8c4

Tones of #b3b8c4

Color Blindness Simulator