#b7d4dc hex color

In a RGB color space, hex #b7d4dc is composed of 71.8% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 193 degrees, a saturation of 34.6% and a lightness of 79%. #b7d4dc color hex could be obtained by blending #ffffff with #6fa9b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 83
- B 86
RGB color chart
- C 17
- M 4
- Y 0
- K 14
CMYK color chart

● #b7d4dc color description : Light grayish cyan.

The hexadecimal color #b7d4dc has RGB values of R:183, G:212, B:220 and CMYK values of C:0.17, M:0.04, Y:0, K:0.14. Its decimal value is 12047580.

Hex triplet	b7d4dc	`#b7d4dc`
RGB Decimal	183, 212, 220	`rgb(183,212,220)`
RGB Percent	71.8, 83.1, 86.3	`rgb(71.8%,83.1%,86.3%)`
CMYK	17, 4, 0, 14
HSL	193°, 34.6, 79	`hsl(193,34.6%,79%)`
HSV (or HSB)	193°, 16.8, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.084, -7.949, -7.187
XYZ	55.987, 62.32, 76.785
xyY	0.287, 0.319, 62.32
CIE-LCH	83.084, 10.716, 222.116
CIE-LUV	83.084, -15.605, -9.752
Hunter-Lab	78.943, -11.557, -2.409
Binary	10110111, 11010100, 11011100

#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#dcbfb7
```
#dcbfb7 rgb(220,191,183)
```

Complementary Color

#b7dcd2
```
#b7dcd2 rgb(183,220,210)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#b7c2dc
```
#b7c2dc rgb(183,194,220)
```

Analogous Color

#dcd2b7
```
#dcd2b7 rgb(220,210,183)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#dcb7c2
```
#dcb7c2 rgb(220,183,194)
```

Split Complementary Color

#d4dcb7
```
#d4dcb7 rgb(212,220,183)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#dcb7d4
```
#dcb7d4 rgb(220,183,212)
```

Triadic Color

#b7dcbf
```
#b7dcbf rgb(183,220,191)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#dcb7d4
```
#dcb7d4 rgb(220,183,212)
```
#dcbfb7
```
#dcbfb7 rgb(220,191,183)
```

Tetradic Color

#84b5c3
```
#84b5c3 rgb(132,181,195)
```
#95c0cb
```
#95c0cb rgb(149,192,203)
```
#a6cad4
```
#a6cad4 rgb(166,202,212)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#c8dee4
```
#c8dee4 rgb(200,222,228)
```
#d9e8ed
```
#d9e8ed rgb(217,232,237)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```

Monochromatic Color

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

#b7dcdb
```
#b7dcdb rgb(183,220,219)
```
#b7dadc
```
#b7dadc rgb(183,218,220)
```
#b7d7dc
```
#b7d7dc rgb(183,215,220)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#b7d1dc
```
#b7d1dc rgb(183,209,220)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#b7cbdc
```
#b7cbdc rgb(183,203,220)
```

Similar Colors

Text with hexadecimal color #b7d4dc

This text has a font color of #b7d4dc.

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

#b7d4dc background color

This paragraph has a background color of #b7d4dc.

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

#b7d4dc border color

This element has a border color of #b7d4dc.

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

CSS codes

.text {color:#b7d4dc;}

.background {background-color:#b7d4dc;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1214
```
#0a1214 rgb(10,18,20)
```
#101e22
```
#101e22 rgb(16,30,34)
```
#172a2f
```
#172a2f rgb(23,42,47)
```
#1d353c
```
#1d353c rgb(29,53,60)
```
#244149
```
#244149 rgb(36,65,73)
```
#2a4d56
```
#2a4d56 rgb(42,77,86)
```
#305964
```
#305964 rgb(48,89,100)
```
#376471
```
#376471 rgb(55,100,113)
```
#3d707e
```
#3d707e rgb(61,112,126)
```
#447c8b
```
#447c8b rgb(68,124,139)
```
#4a8798
```
#4a8798 rgb(74,135,152)
```
#5093a6
```
#5093a6 rgb(80,147,166)
```

Shade Color Variation

#5b9daf
```
#5b9daf rgb(91,157,175)
```
#68a5b6
```
#68a5b6 rgb(104,165,182)
```
#75adbc
```
#75adbc rgb(117,173,188)
```
#82b4c2
```
#82b4c2 rgb(130,180,194)
```
#8fbcc9
```
#8fbcc9 rgb(143,188,201)
```
#9dc4cf
```
#9dc4cf rgb(157,196,207)
```
#aaccd6
```
#aaccd6 rgb(170,204,214)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#c4dce2
```
#c4dce2 rgb(196,220,226)
```
#d1e4e9
```
#d1e4e9 rgb(209,228,233)
```
#dfecef
```
#dfecef rgb(223,236,239)
```
#ecf4f6
```
#ecf4f6 rgb(236,244,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#c7cbcc
```
#c7cbcc rgb(199,203,204)
```
#c3cdd0
```
#c3cdd0 rgb(195,205,208)
```
#bfcfd4
```
#bfcfd4 rgb(191,207,212)
```
#bbd2d8
```
#bbd2d8 rgb(187,210,216)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#b3d6e0
```
#b3d6e0 rgb(179,214,224)
```
#afd9e4
```
#afd9e4 rgb(175,217,228)
```
#abdbe8
```
#abdbe8 rgb(171,219,232)
```
#a7ddec
```
#a7ddec rgb(167,221,236)
```
#a2e0f1
```
#a2e0f1 rgb(162,224,241)
```
#9ee2f5
```
#9ee2f5 rgb(158,226,245)
```
#9ae4f9
```
#9ae4f9 rgb(154,228,249)
```
#96e7fd
```
#96e7fd rgb(150,231,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8cecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d0da Protanopia 1% of men
#ddcbe1 Deuteranopia 1% of men
#bcd5e4 Tritanopia 0.001% of the population

Trichromacy

#c8d1db Protanomaly 1% of men, 0.01% of women
#cfcedf Deuteranomaly 6% of men, 0.4% of women
#bad4e1 Tritanomaly 0.01% of the population

#b7d4dc hex color

#b7d4dc Color Information

#b7d4dc Color Conversion

Color Schemes with #b7d4dc

Alternatives to #b7d4dc

#b7d4dc Preview

Shades and Tints of #b7d4dc

Tones of #b7d4dc

Color Blindness Simulator