#b4c3c8 hex color

In a RGB color space, hex #b4c3c8 is composed of 70.6% red, 76.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 2.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 195 degrees, a saturation of 15.4% and a lightness of 74.5%. #b4c3c8 color hex could be obtained by blending #ffffff with #698791. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 76
- B 78
RGB color chart
- C 10
- M 3
- Y 0
- K 22
CMYK color chart

● #b4c3c8 color description : Grayish blue.

The hexadecimal color #b4c3c8 has RGB values of R:180, G:195, B:200 and CMYK values of C:0.1, M:0.03, Y:0, K:0.22. Its decimal value is 11846600.

Hex triplet	b4c3c8	`#b4c3c8`
RGB Decimal	180, 195, 200	`rgb(180,195,200)`
RGB Percent	70.6, 76.5, 78.4	`rgb(70.6%,76.5%,78.4%)`
CMYK	10, 3, 0, 22
HSL	195°, 15.4, 74.5	`hsl(195,15.4%,74.5%)`
HSV (or HSB)	195°, 10, 78.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.818, -4.122, -4.267
XYZ	48.761, 52.903, 62.283
xyY	0.297, 0.323, 52.903
CIE-LCH	77.818, 5.933, 225.991
CIE-LUV	77.818, -8.419, -5.763
Hunter-Lab	72.734, -7.62, 0.144
Binary	10110100, 11000011, 11001000

#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#c8b9b4
```
#c8b9b4 rgb(200,185,180)
```

Complementary Color

#b4c8c3
```
#b4c8c3 rgb(180,200,195)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#b4b9c8
```
#b4b9c8 rgb(180,185,200)
```

Analogous Color

#c8c3b4
```
#c8c3b4 rgb(200,195,180)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#c8b4b9
```
#c8b4b9 rgb(200,180,185)
```

Split Complementary Color

#c3c8b4
```
#c3c8b4 rgb(195,200,180)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#c8b4c3
```
#c8b4c3 rgb(200,180,195)
```

Triadic Color

#b4c8b9
```
#b4c8b9 rgb(180,200,185)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#c8b4c3
```
#c8b4c3 rgb(200,180,195)
```
#c8b9b4
```
#c8b9b4 rgb(200,185,180)
```

Tetradic Color

#88a0a8
```
#88a0a8 rgb(136,160,168)
```
#97abb2
```
#97abb2 rgb(151,171,178)
```
#a5b7bd
```
#a5b7bd rgb(165,183,189)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#c3cfd3
```
#c3cfd3 rgb(195,207,211)
```
#d1dbde
```
#d1dbde rgb(209,219,222)
```
#e0e6e8
```
#e0e6e8 rgb(224,230,232)
```

Monochromatic Color

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

#b4c8c8
```
#b4c8c8 rgb(180,200,200)
```
#b4c6c8
```
#b4c6c8 rgb(180,198,200)
```
#b4c5c8
```
#b4c5c8 rgb(180,197,200)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#b4c1c8
```
#b4c1c8 rgb(180,193,200)
```
#b4c0c8
```
#b4c0c8 rgb(180,192,200)
```
#b4bec8
```
#b4bec8 rgb(180,190,200)
```

Similar Colors

Text with hexadecimal color #b4c3c8

This text has a font color of #b4c3c8.

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

#b4c3c8 background color

This paragraph has a background color of #b4c3c8.

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

#b4c3c8 border color

This element has a border color of #b4c3c8.

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

CSS codes

.text {color:#b4c3c8;}

.background {background-color:#b4c3c8;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#14191b
```
#14191b rgb(20,25,27)
```
#1c2426
```
#1c2426 rgb(28,36,38)
```
#242e31
```
#242e31 rgb(36,46,49)
```
#2d393d
```
#2d393d rgb(45,57,61)
```
#354348
```
#354348 rgb(53,67,72)
```
#3d4e53
```
#3d4e53 rgb(61,78,83)
```
#45585f
```
#45585f rgb(69,88,95)
```
#4e636a
```
#4e636a rgb(78,99,106)
```
#566e75
```
#566e75 rgb(86,110,117)
```
#5e7881
```
#5e7881 rgb(94,120,129)
```
#67838c
```
#67838c rgb(103,131,140)
```

Shade Color Variation

#708d96
```
#708d96 rgb(112,141,150)
```
#7b969f
```
#7b969f rgb(123,150,159)
```
#879fa7
```
#879fa7 rgb(135,159,167)
```
#92a8af
```
#92a8af rgb(146,168,175)
```
#9db1b7
```
#9db1b7 rgb(157,177,183)
```
#a9bac0
```
#a9bac0 rgb(169,186,192)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#bfccd0
```
#bfccd0 rgb(191,204,208)
```
#cbd5d9
```
#cbd5d9 rgb(203,213,217)
```
#d6dee1
```
#d6dee1 rgb(214,222,225)
```
#e1e7e9
```
#e1e7e9 rgb(225,231,233)
```
#edf0f1
```
#edf0f1 rgb(237,240,241)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#b9c1c3
```
#b9c1c3 rgb(185,193,195)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#afc6cd
```
#afc6cd rgb(175,198,205)
```
#aac8d2
```
#aac8d2 rgb(170,200,210)
```
#a5cbd7
```
#a5cbd7 rgb(165,203,215)
```
#a0cddc
```
#a0cddc rgb(160,205,220)
```
#9bd0e1
```
#9bd0e1 rgb(155,208,225)
```
#96d2e6
```
#96d2e6 rgb(150,210,230)
```
#91d5eb
```
#91d5eb rgb(145,213,235)
```
#8cd7f0
```
#8cd7f0 rgb(140,215,240)
```
#87daf5
```
#87daf5 rgb(135,218,245)
```
#82dcfa
```
#82dcfa rgb(130,220,250)
```
#7ddfff
```
#7ddfff rgb(125,223,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdc0c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c2c8 Protanopia 1% of men
#d1becd Deuteranopia 1% of men
#b9c4d2 Tritanopia 0.001% of the population

Trichromacy

#bec2c8 Protanomaly 1% of men, 0.01% of women
#c6bfcb Deuteranomaly 6% of men, 0.4% of women
#b7c4ce Tritanomaly 0.01% of the population

#b4c3c8 hex color

#b4c3c8 Color Information

#b4c3c8 Color Conversion

Color Schemes with #b4c3c8

Alternatives to #b4c3c8

#b4c3c8 Preview

Shades and Tints of #b4c3c8

Tones of #b4c3c8

Color Blindness Simulator