#b7d1d0 hex color

In a RGB color space, hex #b7d1d0 is composed of 71.8% red, 82% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 0% magenta, 0.5% yellow and 18% black. It has a hue angle of 177.7 degrees, a saturation of 22% and a lightness of 76.9%. #b7d1d0 color hex could be obtained by blending #ffffff with #6fa3a1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 82
- B 82
RGB color chart
- C 12
- M 0
- Y 0
- K 18
CMYK color chart

● #b7d1d0 color description : Grayish cyan.

The hexadecimal color #b7d1d0 has RGB values of R:183, G:209, B:208 and CMYK values of C:0.12, M:0, Y:0, K:0.18. Its decimal value is 12046800.

Hex triplet	b7d1d0	`#b7d1d0`
RGB Decimal	183, 209, 208	`rgb(183,209,208)`
RGB Percent	71.8, 82, 81.6	`rgb(71.8%,82%,81.6%)`
CMYK	12, 0, 0, 18
HSL	177.7°, 22, 76.9	`hsl(177.7,22%,76.9%)`
HSV (or HSB)	177.7°, 12.4, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.958, -8.857, -2.449
XYZ	53.712, 60.221, 68.465
xyY	0.294, 0.33, 60.221
CIE-LCH	81.958, 9.189, 195.458
CIE-LUV	81.958, -13.866, -2.213
Hunter-Lab	77.602, -12.258, 2.013
Binary	10110111, 11010001, 11010000

#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#d1b7b8
```
#d1b7b8 rgb(209,183,184)
```

Complementary Color

#b7d1c3
```
#b7d1c3 rgb(183,209,195)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#b7c5d1
```
#b7c5d1 rgb(183,197,209)
```

Analogous Color

#d1c3b7
```
#d1c3b7 rgb(209,195,183)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#d1b7c5
```
#d1b7c5 rgb(209,183,197)
```

Split Complementary Color

#d1d0b7
```
#d1d0b7 rgb(209,208,183)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#d0b7d1
```
#d0b7d1 rgb(208,183,209)
```

Triadic Color

#b8d1b7
```
#b8d1b7 rgb(184,209,183)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#d0b7d1
```
#d0b7d1 rgb(208,183,209)
```
#d1b7b8
```
#d1b7b8 rgb(209,183,184)
```

Tetradic Color

#88b3b2
```
#88b3b2 rgb(136,179,178)
```
#98bdbc
```
#98bdbc rgb(152,189,188)
```
#a7c7c6
```
#a7c7c6 rgb(167,199,198)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#c7dbda
```
#c7dbda rgb(199,219,218)
```
#d6e5e4
```
#d6e5e4 rgb(214,229,228)
```
#e6efee
```
#e6efee rgb(230,239,238)
```

Monochromatic Color

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

#b7d1ca
```
#b7d1ca rgb(183,209,202)
```
#b7d1cc
```
#b7d1cc rgb(183,209,204)
```
#b7d1ce
```
#b7d1ce rgb(183,209,206)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#b7d0d1
```
#b7d0d1 rgb(183,208,209)
```
#b7ced1
```
#b7ced1 rgb(183,206,209)
```
#b7ccd1
```
#b7ccd1 rgb(183,204,209)
```

Similar Colors

Text with hexadecimal color #b7d1d0

This text has a font color of #b7d1d0.

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

#b7d1d0 background color

This paragraph has a background color of #b7d1d0.

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

#b7d1d0 border color

This element has a border color of #b7d1d0.

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

CSS codes

.text {color:#b7d1d0;}

.background {background-color:#b7d1d0;}

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

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, #080c0c is the darkest color, while #ffffff is the lightest one.

#080c0c
```
#080c0c rgb(8,12,12)
```
#0f1817
```
#0f1817 rgb(15,24,23)
```
#172423
```
#172423 rgb(23,36,35)
```
#1e302f
```
#1e302f rgb(30,48,47)
```
#263c3b
```
#263c3b rgb(38,60,59)
```
#2e4847
```
#2e4847 rgb(46,72,71)
```
#355452
```
#355452 rgb(53,84,82)
```
#3d605e
```
#3d605e rgb(61,96,94)
```
#456c6a
```
#456c6a rgb(69,108,106)
```
#4c7776
```
#4c7776 rgb(76,119,118)
```
#548382
```
#548382 rgb(84,131,130)
```
#5c8f8d
```
#5c8f8d rgb(92,143,141)
```
#639b99
```
#639b99 rgb(99,155,153)
```

Shade Color Variation

#6fa3a1
```
#6fa3a1 rgb(111,163,161)
```
#7baba9
```
#7baba9 rgb(123,171,169)
```
#87b2b1
```
#87b2b1 rgb(135,178,177)
```
#93bab9
```
#93bab9 rgb(147,186,185)
```
#9fc2c0
```
#9fc2c0 rgb(159,194,192)
```
#abc9c8
```
#abc9c8 rgb(171,201,200)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#c3d9d8
```
#c3d9d8 rgb(195,217,216)
```
#cfe0e0
```
#cfe0e0 rgb(207,224,224)
```
#dbe8e7
```
#dbe8e7 rgb(219,232,231)
```
#e7f0ef
```
#e7f0ef rgb(231,240,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c8c8
```
#c0c8c8 rgb(192,200,200)
```
#bccccc
```
#bccccc rgb(188,204,204)
```
#b7d1d0
```
#b7d1d0 rgb(183,209,208)
```
#b2d6d4
```
#b2d6d4 rgb(178,214,212)
```
#aedad8
```
#aedad8 rgb(174,218,216)
```
#a9dfdd
```
#a9dfdd rgb(169,223,221)
```
#a5e3e1
```
#a5e3e1 rgb(165,227,225)
```
#a0e8e5
```
#a0e8e5 rgb(160,232,229)
```
#9cece9
```
#9cece9 rgb(156,236,233)
```
#97f1ed
```
#97f1ed rgb(151,241,237)
```
#93f5f2
```
#93f5f2 rgb(147,245,242)
```
#8efaf6
```
#8efaf6 rgb(142,250,246)
```
#8afefa
```
#8afefa rgb(138,254,250)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5cbca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cdcf Protanopia 1% of men
#ddc8d5 Deuteranopia 1% of men
#bdd1e0 Tritanopia 0.001% of the population

Trichromacy

#c7cecf Protanomaly 1% of men, 0.01% of women
#cfcbd3 Deuteranomaly 6% of men, 0.4% of women
#bbd1da Tritanomaly 0.01% of the population

#b7d1d0 hex color

#b7d1d0 Color Information

#b7d1d0 Color Conversion

Color Schemes with #b7d1d0

Alternatives to #b7d1d0

#b7d1d0 Preview

Shades and Tints of #b7d1d0

Tones of #b7d1d0

Color Blindness Simulator