#b4c3dd hex color

In a RGB color space, hex #b4c3dd is composed of 70.6% red, 76.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 11.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 218 degrees, a saturation of 37.6% and a lightness of 78.6%. #b4c3dd color hex could be obtained by blending #ffffff with #6987bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 76
- B 87
RGB color chart
- C 19
- M 12
- Y 0
- K 13
CMYK color chart

● #b4c3dd color description : Light grayish blue.

The hexadecimal color #b4c3dd has RGB values of R:180, G:195, B:221 and CMYK values of C:0.19, M:0.12, Y:0, K:0.13. Its decimal value is 11846621.

Hex triplet	b4c3dd	`#b4c3dd`
RGB Decimal	180, 195, 221	`rgb(180,195,221)`
RGB Percent	70.6, 76.5, 86.7	`rgb(70.6%,76.5%,86.7%)`
CMYK	19, 12, 0, 13
HSL	218°, 37.6, 78.6	`hsl(218,37.6%,78.6%)`
HSV (or HSB)	218°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.434, 0.278, -14.678
XYZ	51.386, 53.953, 76.109
xyY	0.283, 0.297, 53.953
CIE-LCH	78.434, 14.681, 271.085
CIE-LUV	78.434, -9.275, -22.888
Hunter-Lab	73.453, -3.668, -10.017
Binary	10110100, 11000011, 11011101

#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#ddceb4
```
#ddceb4 rgb(221,206,180)
```

Complementary Color

#b4d8dd
```
#b4d8dd rgb(180,216,221)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#bab4dd
```
#bab4dd rgb(186,180,221)
```

Analogous Color

#d8ddb4
```
#d8ddb4 rgb(216,221,180)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#ddbab4
```
#ddbab4 rgb(221,186,180)
```

Split Complementary Color

#c3ddb4
```
#c3ddb4 rgb(195,221,180)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#ddb4c3
```
#ddb4c3 rgb(221,180,195)
```

Triadic Color

#b4ddce
```
#b4ddce rgb(180,221,206)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#ddb4c3
```
#ddb4c3 rgb(221,180,195)
```
#ddceb4
```
#ddceb4 rgb(221,206,180)
```

Tetradic Color

#7f99c5
```
#7f99c5 rgb(127,153,197)
```
#91a7cd
```
#91a7cd rgb(145,167,205)
```
#a2b5d5
```
#a2b5d5 rgb(162,181,213)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#c6d1e5
```
#c6d1e5 rgb(198,209,229)
```
#d7dfed
```
#d7dfed rgb(215,223,237)
```
#e9edf5
```
#e9edf5 rgb(233,237,245)
```

Monochromatic Color

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

#b4cddd
```
#b4cddd rgb(180,205,221)
```
#b4cadd
```
#b4cadd rgb(180,202,221)
```
#b4c6dd
```
#b4c6dd rgb(180,198,221)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#b4c0dd
```
#b4c0dd rgb(180,192,221)
```
#b4bcdd
```
#b4bcdd rgb(180,188,221)
```
#b4b9dd
```
#b4b9dd rgb(180,185,221)
```

Similar Colors

Text with hexadecimal color #b4c3dd

This text has a font color of #b4c3dd.

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

#b4c3dd background color

This paragraph has a background color of #b4c3dd.

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

#b4c3dd border color

This element has a border color of #b4c3dd.

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

CSS codes

.text {color:#b4c3dd;}

.background {background-color:#b4c3dd;}

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090d13
```
#090d13 rgb(9,13,19)
```
#0f1621
```
#0f1621 rgb(15,22,33)
```
#151e2e
```
#151e2e rgb(21,30,46)
```
#1b273c
```
#1b273c rgb(27,39,60)
```
#213049
```
#213049 rgb(33,48,73)
```
#273957
```
#273957 rgb(39,57,87)
```
#2e4264
```
#2e4264 rgb(46,66,100)
```
#344a72
```
#344a72 rgb(52,74,114)
```
#3a537f
```
#3a537f rgb(58,83,127)
```
#405c8d
```
#405c8d rgb(64,92,141)
```
#46659a
```
#46659a rgb(70,101,154)
```
#4c6ea8
```
#4c6ea8 rgb(76,110,168)
```

Shade Color Variation

#5677b2
```
#5677b2 rgb(86,119,178)
```
#6382b8
```
#6382b8 rgb(99,130,184)
```
#718dbe
```
#718dbe rgb(113,141,190)
```
#7e98c5
```
#7e98c5 rgb(126,152,197)
```
#8ca3cb
```
#8ca3cb rgb(140,163,203)
```
#99add1
```
#99add1 rgb(153,173,209)
```
#a7b8d7
```
#a7b8d7 rgb(167,184,215)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#c1cee3
```
#c1cee3 rgb(193,206,227)
```
#cfd9e9
```
#cfd9e9 rgb(207,217,233)
```
#dce3ef
```
#dce3ef rgb(220,227,239)
```
#eaeef5
```
#eaeef5 rgb(234,238,245)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#c5c7cc
```
#c5c7cc rgb(197,199,204)
```
#c1c6d0
```
#c1c6d0 rgb(193,198,208)
```
#bcc5d5
```
#bcc5d5 rgb(188,197,213)
```
#b8c4d9
```
#b8c4d9 rgb(184,196,217)
```
#b4c3dd
```
#b4c3dd rgb(180,195,221)
```
#b0c2e1
```
#b0c2e1 rgb(176,194,225)
```
#acc1e5
```
#acc1e5 rgb(172,193,229)
```
#a7c0ea
```
#a7c0ea rgb(167,192,234)
```
#a3bfee
```
#a3bfee rgb(163,191,238)
```
#9fbdf2
```
#9fbdf2 rgb(159,189,242)
```
#9bbcf6
```
#9bbcf6 rgb(155,188,246)
```
#97bbfa
```
#97bbfa rgb(151,187,250)
```
#92baff
```
#92baff rgb(146,186,255)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bec1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c3dd Protanopia 1% of men
#c9c0e0 Deuteranopia 1% of men
#b5c7d5 Tritanopia 0.001% of the population

Trichromacy

#bcc3dd Protanomaly 1% of men, 0.01% of women
#c1c1df Deuteranomaly 6% of men, 0.4% of women
#b5c5d8 Tritanomaly 0.01% of the population

#b4c3dd hex color

#b4c3dd Color Information

#b4c3dd Color Conversion

Color Schemes with #b4c3dd

Alternatives to #b4c3dd

#b4c3dd Preview

Shades and Tints of #b4c3dd

Tones of #b4c3dd

Color Blindness Simulator