#b8c1dd hex color

In a RGB color space, hex #b8c1dd is composed of 72.2% red, 75.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 12.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.4 degrees, a saturation of 35.2% and a lightness of 79.4%. #b8c1dd color hex could be obtained by blending #ffffff with #7183bb. Closest websafe color is: #cccccc.

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

● #b8c1dd color description : Light grayish blue.

The hexadecimal color #b8c1dd has RGB values of R:184, G:193, B:221 and CMYK values of C:0.17, M:0.13, Y:0, K:0.13. Its decimal value is 12108253.

Hex triplet	b8c1dd	`#b8c1dd`
RGB Decimal	184, 193, 221	`rgb(184,193,221)`
RGB Percent	72.2, 75.7, 86.7	`rgb(72.2%,75.7%,86.7%)`
CMYK	17, 13, 0, 13
HSL	225.4°, 35.2, 79.4	`hsl(225.4,35.2%,79.4%)`
HSV (or HSB)	225.4°, 16.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.199, 2.61, -15.004
XYZ	51.886, 53.55, 76.005
xyY	0.286, 0.295, 53.55
CIE-LCH	78.199, 15.229, 279.869
CIE-LUV	78.199, -6.333, -23.772
Hunter-Lab	73.178, -1.499, -10.356
Binary	10111000, 11000001, 11011101

#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#ddd4b8
```
#ddd4b8 rgb(221,212,184)
```

Complementary Color

#b8d4dd
```
#b8d4dd rgb(184,212,221)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#c2b8dd
```
#c2b8dd rgb(194,184,221)
```

Analogous Color

#d4ddb8
```
#d4ddb8 rgb(212,221,184)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#ddc2b8
```
#ddc2b8 rgb(221,194,184)
```

Split Complementary Color

#c1ddb8
```
#c1ddb8 rgb(193,221,184)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#ddb8c1
```
#ddb8c1 rgb(221,184,193)
```

Triadic Color

#b8ddd4
```
#b8ddd4 rgb(184,221,212)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#ddb8c1
```
#ddb8c1 rgb(221,184,193)
```
#ddd4b8
```
#ddd4b8 rgb(221,212,184)
```

Tetradic Color

#8494c4
```
#8494c4 rgb(132,148,196)
```
#96a3cc
```
#96a3cc rgb(150,163,204)
```
#a7b2d5
```
#a7b2d5 rgb(167,178,213)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#c9d0e5
```
#c9d0e5 rgb(201,208,229)
```
#dadfee
```
#dadfee rgb(218,223,238)
```
#eceef6
```
#eceef6 rgb(236,238,246)
```

Monochromatic Color

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

#b8cadd
```
#b8cadd rgb(184,202,221)
```
#b8c7dd
```
#b8c7dd rgb(184,199,221)
```
#b8c4dd
```
#b8c4dd rgb(184,196,221)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#b8bedd
```
#b8bedd rgb(184,190,221)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#b8b8dd
```
#b8b8dd rgb(184,184,221)
```

Similar Colors

Text with hexadecimal color #b8c1dd

This text has a font color of #b8c1dd.

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

#b8c1dd background color

This paragraph has a background color of #b8c1dd.

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

#b8c1dd border color

This element has a border color of #b8c1dd.

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

CSS codes

.text {color:#b8c1dd;}

.background {background-color:#b8c1dd;}

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#111523
```
#111523 rgb(17,21,35)
```
#171d30
```
#171d30 rgb(23,29,48)
```
#1e253e
```
#1e253e rgb(30,37,62)
```
#242d4b
```
#242d4b rgb(36,45,75)
```
#2a3558
```
#2a3558 rgb(42,53,88)
```
#313d65
```
#313d65 rgb(49,61,101)
```
#374573
```
#374573 rgb(55,69,115)
```
#3d4d80
```
#3d4d80 rgb(61,77,128)
```
#44568d
```
#44568d rgb(68,86,141)
```
#4a5e9a
```
#4a5e9a rgb(74,94,154)
```
#5066a8
```
#5066a8 rgb(80,102,168)
```

Shade Color Variation

#5b70b1
```
#5b70b1 rgb(91,112,177)
```
#687cb7
```
#687cb7 rgb(104,124,183)
```
#7687bd
```
#7687bd rgb(118,135,189)
```
#8393c4
```
#8393c4 rgb(131,147,196)
```
#909eca
```
#909eca rgb(144,158,202)
```
#9daad0
```
#9daad0 rgb(157,170,208)
```
#abb5d7
```
#abb5d7 rgb(171,181,215)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#c5cde3
```
#c5cde3 rgb(197,205,227)
```
#d3d8ea
```
#d3d8ea rgb(211,216,234)
```
#e0e4f0
```
#e0e4f0 rgb(224,228,240)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#c8c9cd
```
#c8c9cd rgb(200,201,205)
```
#c4c7d1
```
#c4c7d1 rgb(196,199,209)
```
#c0c5d5
```
#c0c5d5 rgb(192,197,213)
```
#bcc3d9
```
#bcc3d9 rgb(188,195,217)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#b4bfe1
```
#b4bfe1 rgb(180,191,225)
```
#b0bde5
```
#b0bde5 rgb(176,189,229)
```
#acbbe9
```
#acbbe9 rgb(172,187,233)
```
#a8b9ed
```
#a8b9ed rgb(168,185,237)
```
#a4b7f1
```
#a4b7f1 rgb(164,183,241)
```
#a0b5f5
```
#a0b5f5 rgb(160,181,245)
```
#9cb2f9
```
#9cb2f9 rgb(156,178,249)
```
#98b0fd
```
#98b0fd rgb(152,176,253)
```

Tone Color Variation

Below, you can see how #b8c1dd 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
#c0c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc3de Protanopia 1% of men
#c8c0e0 Deuteranopia 1% of men
#b9c6d4 Tritanopia 0.001% of the population

Trichromacy

#bcc2dd Protanomaly 1% of men, 0.01% of women
#c2c0df Deuteranomaly 6% of men, 0.4% of women
#b8c4d7 Tritanomaly 0.01% of the population

#b8c1dd hex color

#b8c1dd Color Information

#b8c1dd Color Conversion

Color Schemes with #b8c1dd

Alternatives to #b8c1dd

#b8c1dd Preview

Shades and Tints of #b8c1dd

Tones of #b8c1dd

Color Blindness Simulator