#b8d7d4 hex color

In a RGB color space, hex #b8d7d4 is composed of 72.2% red, 84.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 0% magenta, 1.4% yellow and 15.7% black. It has a hue angle of 174.2 degrees, a saturation of 27.9% and a lightness of 78.2%. #b8d7d4 color hex could be obtained by blending #ffffff with #71afa9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 84
- B 83
RGB color chart
- C 14
- M 0
- Y 1
- K 16
CMYK color chart

● #b8d7d4 color description : Grayish cyan.

The hexadecimal color #b8d7d4 has RGB values of R:184, G:215, B:212 and CMYK values of C:0.14, M:0, Y:0.01, K:0.16. Its decimal value is 12113876.

Hex triplet	b8d7d4	`#b8d7d4`
RGB Decimal	184, 215, 212	`rgb(184,215,212)`
RGB Percent	72.2, 84.3, 83.1	`rgb(72.2%,84.3%,83.1%)`
CMYK	14, 0, 1, 16
HSL	174.2°, 27.9, 78.2	`hsl(174.2,27.9%,78.2%)`
HSV (or HSB)	174.2°, 14.4, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.728, -10.822, -1.976
XYZ	55.949, 63.544, 71.601
xyY	0.293, 0.333, 63.544
CIE-LCH	83.728, 11.001, 190.348
CIE-LUV	83.728, -16.313, -1.163
Hunter-Lab	79.714, -14.217, 2.544
Binary	10111000, 11010111, 11010100

#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#d7b8bb
```
#d7b8bb rgb(215,184,187)
```

Complementary Color

#b8d7c5
```
#b8d7c5 rgb(184,215,197)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#b8cbd7
```
#b8cbd7 rgb(184,203,215)
```

Analogous Color

#d7c5b8
```
#d7c5b8 rgb(215,197,184)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#d7b8cb
```
#d7b8cb rgb(215,184,203)
```

Split Complementary Color

#d7d4b8
```
#d7d4b8 rgb(215,212,184)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#d4b8d7
```
#d4b8d7 rgb(212,184,215)
```

Triadic Color

#bbd7b8
```
#bbd7b8 rgb(187,215,184)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#d4b8d7
```
#d4b8d7 rgb(212,184,215)
```
#d7b8bb
```
#d7b8bb rgb(215,184,187)
```

Tetradic Color

#87bbb6
```
#87bbb6 rgb(135,187,182)
```
#97c5c0
```
#97c5c0 rgb(151,197,192)
```
#a8ceca
```
#a8ceca rgb(168,206,202)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#c8e0de
```
#c8e0de rgb(200,224,222)
```
#d9e9e8
```
#d9e9e8 rgb(217,233,232)
```
#e9f3f2
```
#e9f3f2 rgb(233,243,242)
```

Monochromatic Color

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

#b8d7cc
```
#b8d7cc rgb(184,215,204)
```
#b8d7cf
```
#b8d7cf rgb(184,215,207)
```
#b8d7d1
```
#b8d7d1 rgb(184,215,209)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#b8d7d7
```
#b8d7d7 rgb(184,215,215)
```
#b8d5d7
```
#b8d5d7 rgb(184,213,215)
```
#b8d2d7
```
#b8d2d7 rgb(184,210,215)
```

Similar Colors

Text with hexadecimal color #b8d7d4

This text has a font color of #b8d7d4.

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

#b8d7d4 background color

This paragraph has a background color of #b8d7d4.

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

#b8d7d4 border color

This element has a border color of #b8d7d4.

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

CSS codes

.text {color:#b8d7d4;}

.background {background-color:#b8d7d4;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091110
```
#091110 rgb(9,17,16)
```
#111d1c
```
#111d1c rgb(17,29,28)
```
#182a28
```
#182a28 rgb(24,42,40)
```
#1f3634
```
#1f3634 rgb(31,54,52)
```
#264340
```
#264340 rgb(38,67,64)
```
#2d504c
```
#2d504c rgb(45,80,76)
```
#345c58
```
#345c58 rgb(52,92,88)
```
#3b6964
```
#3b6964 rgb(59,105,100)
```
#427570
```
#427570 rgb(66,117,112)
```
#49827c
```
#49827c rgb(73,130,124)
```
#508e88
```
#508e88 rgb(80,142,136)
```
#579b94
```
#579b94 rgb(87,155,148)
```

Shade Color Variation

#60a69f
```
#60a69f rgb(96,166,159)
```
#6dada6
```
#6dada6 rgb(109,173,166)
```
#79b4ae
```
#79b4ae rgb(121,180,174)
```
#86bbb6
```
#86bbb6 rgb(134,187,182)
```
#92c2bd
```
#92c2bd rgb(146,194,189)
```
#9fc9c5
```
#9fc9c5 rgb(159,201,197)
```
#abd0cc
```
#abd0cc rgb(171,208,204)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#c5dedc
```
#c5dedc rgb(197,222,220)
```
#d1e5e3
```
#d1e5e3 rgb(209,229,227)
```
#deeceb
```
#deeceb rgb(222,236,235)
```
#eaf3f2
```
#eaf3f2 rgb(234,243,242)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#c5caca
```
#c5caca rgb(197,202,202)
```
#c1cecd
```
#c1cecd rgb(193,206,205)
```
#bcd3d1
```
#bcd3d1 rgb(188,211,209)
```
#b8d7d4
```
#b8d7d4 rgb(184,215,212)
```
#b4dbd7
```
#b4dbd7 rgb(180,219,215)
```
#afe0db
```
#afe0db rgb(175,224,219)
```
#abe4de
```
#abe4de rgb(171,228,222)
```
#a7e8e2
```
#a7e8e2 rgb(167,232,226)
```
#a3ece5
```
#a3ece5 rgb(163,236,229)
```
#9ef1e9
```
#9ef1e9 rgb(158,241,233)
```
#9af5ec
```
#9af5ec rgb(154,245,236)
```
#96f9f0
```
#96f9f0 rgb(150,249,240)
```
#92fdf3
```
#92fdf3 rgb(146,253,243)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9cfce Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d2d2 Protanopia 1% of men
#e3cdda Deuteranopia 1% of men
#bfd6e5 Tritanopia 0.001% of the population

Trichromacy

#cbd3d3 Protanomaly 1% of men, 0.01% of women
#d3d0d7 Deuteranomaly 6% of men, 0.4% of women
#bcd6df Tritanomaly 0.01% of the population

#b8d7d4 hex color

#b8d7d4 Color Information

#b8d7d4 Color Conversion

Color Schemes with #b8d7d4

Alternatives to #b8d7d4

#b8d7d4 Preview

Shades and Tints of #b8d7d4

Tones of #b8d7d4

Color Blindness Simulator