#b1d5d4 hex color

In a RGB color space, hex #b1d5d4 is composed of 69.4% red, 83.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 0.5% yellow and 16.5% black. It has a hue angle of 178.3 degrees, a saturation of 30% and a lightness of 76.5%. #b1d5d4 color hex could be obtained by blending #ffffff with #63aba9. Closest websafe color is: #99cccc.

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

● #b1d5d4 color description : Grayish cyan.

The hexadecimal color #b1d5d4 has RGB values of R:177, G:213, B:212 and CMYK values of C:0.17, M:0, Y:0, K:0.16. Its decimal value is 11654612.

Hex triplet	b1d5d4	`#b1d5d4`
RGB Decimal	177, 213, 212	`rgb(177,213,212)`
RGB Percent	69.4, 83.5, 83.1	`rgb(69.4%,83.5%,83.1%)`
CMYK	17, 0, 0, 16
HSL	178.3°, 30, 76.5	`hsl(178.3,30%,76.5%)`
HSV (or HSB)	178.3°, 16.9, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.747, -12.013, -3.468
XYZ	53.807, 61.688, 71.356
xyY	0.288, 0.33, 61.688
CIE-LCH	82.747, 12.504, 196.101
CIE-LUV	82.747, -18.783, -3.268
Hunter-Lab	78.542, -15.162, 1.114
Binary	10110001, 11010101, 11010100

#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#d5b1b2
```
#d5b1b2 rgb(213,177,178)
```

Complementary Color

#b1d5c2
```
#b1d5c2 rgb(177,213,194)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#b1c4d5
```
#b1c4d5 rgb(177,196,213)
```

Analogous Color

#d5c2b1
```
#d5c2b1 rgb(213,194,177)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#d5b1c4
```
#d5b1c4 rgb(213,177,196)
```

Split Complementary Color

#d5d4b1
```
#d5d4b1 rgb(213,212,177)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#d4b1d5
```
#d4b1d5 rgb(212,177,213)
```

Triadic Color

#b2d5b1
```
#b2d5b1 rgb(178,213,177)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#d4b1d5
```
#d4b1d5 rgb(212,177,213)
```
#d5b1b2
```
#d5b1b2 rgb(213,177,178)
```

Tetradic Color

#7fbab9
```
#7fbab9 rgb(127,186,185)
```
#90c3c2
```
#90c3c2 rgb(144,195,194)
```
#a0cccb
```
#a0cccb rgb(160,204,203)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#c2dedd
```
#c2dedd rgb(194,222,221)
```
#d2e7e6
```
#d2e7e6 rgb(210,231,230)
```
#e3f0ef
```
#e3f0ef rgb(227,240,239)
```

Monochromatic Color

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

#b1d5cb
```
#b1d5cb rgb(177,213,203)
```
#b1d5ce
```
#b1d5ce rgb(177,213,206)
```
#b1d5d1
```
#b1d5d1 rgb(177,213,209)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#b1d3d5
```
#b1d3d5 rgb(177,211,213)
```
#b1d0d5
```
#b1d0d5 rgb(177,208,213)
```
#b1cdd5
```
#b1cdd5 rgb(177,205,213)
```

Similar Colors

Text with hexadecimal color #b1d5d4

This text has a font color of #b1d5d4.

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

#b1d5d4 background color

This paragraph has a background color of #b1d5d4.

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

#b1d5d4 border color

This element has a border color of #b1d5d4.

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

CSS codes

.text {color:#b1d5d4;}

.background {background-color:#b1d5d4;}

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

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, #060b0b is the darkest color, while #fefefe is the lightest one.

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1818
```
#0d1818 rgb(13,24,24)
```
#142524
```
#142524 rgb(20,37,36)
```
#1b3231
```
#1b3231 rgb(27,50,49)
```
#223e3d
```
#223e3d rgb(34,62,61)
```
#284b4a
```
#284b4a rgb(40,75,74)
```
#2f5857
```
#2f5857 rgb(47,88,87)
```
#366563
```
#366563 rgb(54,101,99)
```
#3d7170
```
#3d7170 rgb(61,113,112)
```
#447e7c
```
#447e7c rgb(68,126,124)
```
#4b8b89
```
#4b8b89 rgb(75,139,137)
```
#529896
```
#529896 rgb(82,152,150)
```
#58a4a2
```
#58a4a2 rgb(88,164,162)
```

Shade Color Variation

#65acaa
```
#65acaa rgb(101,172,170)
```
#71b3b1
```
#71b3b1 rgb(113,179,177)
```
#7ebab8
```
#7ebab8 rgb(126,186,184)
```
#8bc0bf
```
#8bc0bf rgb(139,192,191)
```
#98c7c6
```
#98c7c6 rgb(152,199,198)
```
#a4cecd
```
#a4cecd rgb(164,206,205)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#bedcdb
```
#bedcdb rgb(190,220,219)
```
#cbe3e2
```
#cbe3e2 rgb(203,227,226)
```
#d7eae9
```
#d7eae9 rgb(215,234,233)
```
#e4f0f0
```
#e4f0f0 rgb(228,240,240)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#bfc7c7
```
#bfc7c7 rgb(191,199,199)
```
#bacccb
```
#bacccb rgb(186,204,203)
```
#b6d0d0
```
#b6d0d0 rgb(182,208,208)
```
#b1d5d4
```
#b1d5d4 rgb(177,213,212)
```
#acdad8
```
#acdad8 rgb(172,218,216)
```
#a8dedd
```
#a8dedd rgb(168,222,221)
```
#a3e3e1
```
#a3e3e1 rgb(163,227,225)
```
#9fe7e5
```
#9fe7e5 rgb(159,231,229)
```
#9aecea
```
#9aecea rgb(154,236,234)
```
#95f1ee
```
#95f1ee rgb(149,241,238)
```
#91f5f3
```
#91f5f3 rgb(145,245,243)
```
#8cfaf7
```
#8cfaf7 rgb(140,250,247)
```
#87fffb
```
#87fffb rgb(135,255,251)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5cccc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cfd2 Protanopia 1% of men
#dfcada Deuteranopia 1% of men
#b8d4e4 Tritanopia 0.001% of the population

Trichromacy

#c6d1d2 Protanomaly 1% of men, 0.01% of women
#ceced8 Deuteranomaly 6% of men, 0.4% of women
#b5d4de Tritanomaly 0.01% of the population

#b1d5d4 hex color

#b1d5d4 Color Information

#b1d5d4 Color Conversion

Color Schemes with #b1d5d4

Alternatives to #b1d5d4

#b1d5d4 Preview

Shades and Tints of #b1d5d4

Tones of #b1d5d4

Color Blindness Simulator