#b1d3dc hex color

In a RGB color space, hex #b1d3dc is composed of 69.4% red, 82.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 4.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 192.6 degrees, a saturation of 38.1% and a lightness of 77.8%. #b1d3dc color hex could be obtained by blending #ffffff with #63a7b9. Closest websafe color is: #99cccc.

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

● #b1d3dc color description : Light grayish cyan.

The hexadecimal color #b1d3dc has RGB values of R:177, G:211, B:220 and CMYK values of C:0.2, M:0.04, Y:0, K:0.14. Its decimal value is 11654108.

Hex triplet	b1d3dc	`#b1d3dc`
RGB Decimal	177, 211, 220	`rgb(177,211,220)`
RGB Percent	69.4, 82.7, 86.3	`rgb(69.4%,82.7%,86.3%)`
CMYK	20, 4, 0, 14
HSL	192.6°, 38.1, 77.8	`hsl(192.6,38.1%,77.8%)`
HSV (or HSB)	192.6°, 19.5, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.433, -9.296, -8.193
XYZ	54.341, 61.102, 76.637
xyY	0.283, 0.318, 61.102
CIE-LCH	82.433, 12.391, 221.391
CIE-LUV	82.433, -18.025, -11.113
Hunter-Lab	78.168, -12.702, -3.412
Binary	10110001, 11010011, 11011100

#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#dcbab1
```
#dcbab1 rgb(220,186,177)
```

Complementary Color

#b1dcd0
```
#b1dcd0 rgb(177,220,208)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#b1bedc
```
#b1bedc rgb(177,190,220)
```

Analogous Color

#dcd0b1
```
#dcd0b1 rgb(220,208,177)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#dcb1be
```
#dcb1be rgb(220,177,190)
```

Split Complementary Color

#d3dcb1
```
#d3dcb1 rgb(211,220,177)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#dcb1d3
```
#dcb1d3 rgb(220,177,211)
```

Triadic Color

#b1dcba
```
#b1dcba rgb(177,220,186)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#dcb1d3
```
#dcb1d3 rgb(220,177,211)
```
#dcbab1
```
#dcbab1 rgb(220,186,177)
```

Tetradic Color

#7cb5c4
```
#7cb5c4 rgb(124,181,196)
```
#8ebfcc
```
#8ebfcc rgb(142,191,204)
```
#9fc9d4
```
#9fc9d4 rgb(159,201,212)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#c3dde4
```
#c3dde4 rgb(195,221,228)
```
#d4e7ec
```
#d4e7ec rgb(212,231,236)
```
#e6f1f4
```
#e6f1f4 rgb(230,241,244)
```

Monochromatic Color

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

#b1dcda
```
#b1dcda rgb(177,220,218)
```
#b1dadc
```
#b1dadc rgb(177,218,220)
```
#b1d7dc
```
#b1d7dc rgb(177,215,220)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#b1ccdc
```
#b1ccdc rgb(177,204,220)
```
#b1c8dc
```
#b1c8dc rgb(177,200,220)
```

Similar Colors

Text with hexadecimal color #b1d3dc

This text has a font color of #b1d3dc.

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

#b1d3dc background color

This paragraph has a background color of #b1d3dc.

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

#b1d3dc border color

This element has a border color of #b1d3dc.

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

CSS codes

.text {color:#b1d3dc;}

.background {background-color:#b1d3dc;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1b1e
```
#0e1b1e rgb(14,27,30)
```
#14272c
```
#14272c rgb(20,39,44)
```
#1a3339
```
#1a3339 rgb(26,51,57)
```
#203f47
```
#203f47 rgb(32,63,71)
```
#264b54
```
#264b54 rgb(38,75,84)
```
#2c5762
```
#2c5762 rgb(44,87,98)
```
#326370
```
#326370 rgb(50,99,112)
```
#386f7d
```
#386f7d rgb(56,111,125)
```
#3e7b8b
```
#3e7b8b rgb(62,123,139)
```
#448798
```
#448798 rgb(68,135,152)
```
#4a93a6
```
#4a93a6 rgb(74,147,166)
```

Shade Color Variation

#529eb1
```
#529eb1 rgb(82,158,177)
```
#60a5b8
```
#60a5b8 rgb(96,165,184)
```
#6dadbe
```
#6dadbe rgb(109,173,190)
```
#7bb4c4
```
#7bb4c4 rgb(123,180,196)
```
#88bcca
```
#88bcca rgb(136,188,202)
```
#96c4d0
```
#96c4d0 rgb(150,196,208)
```
#a3cbd6
```
#a3cbd6 rgb(163,203,214)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#bfdbe2
```
#bfdbe2 rgb(191,219,226)
```
#cce2e8
```
#cce2e8 rgb(204,226,232)
```
#daeaee
```
#daeaee rgb(218,234,238)
```
#e7f2f4
```
#e7f2f4 rgb(231,242,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#c2c9cb
```
#c2c9cb rgb(194,201,203)
```
#becbcf
```
#becbcf rgb(190,203,207)
```
#baced3
```
#baced3 rgb(186,206,211)
```
#b5d0d8
```
#b5d0d8 rgb(181,208,216)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#add6e0
```
#add6e0 rgb(173,214,224)
```
#a8d8e5
```
#a8d8e5 rgb(168,216,229)
```
#a4dbe9
```
#a4dbe9 rgb(164,219,233)
```
#a0dded
```
#a0dded rgb(160,221,237)
```
#9be0f2
```
#9be0f2 rgb(155,224,242)
```
#97e2f6
```
#97e2f6 rgb(151,226,246)
```
#93e5fa
```
#93e5fa rgb(147,229,250)
```
#8ee7ff
```
#8ee7ff rgb(142,231,255)
```

Tone Color Variation

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

Dichromacy

#cfceda Protanopia 1% of men
#dacae1 Deuteranopia 1% of men
#b6d4e3 Tritanopia 0.001% of the population

Trichromacy

#c4d0da Protanomaly 1% of men, 0.01% of women
#cbcddf Deuteranomaly 6% of men, 0.4% of women
#b4d3e0 Tritanomaly 0.01% of the population

#b1d3dc hex color

#b1d3dc Color Information

#b1d3dc Color Conversion

Color Schemes with #b1d3dc

Alternatives to #b1d3dc

#b1d3dc Preview

Shades and Tints of #b1d3dc

Tones of #b1d3dc

Color Blindness Simulator