#b4dadc hex color

In a RGB color space, hex #b4dadc is composed of 70.6% red, 85.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 183 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4dadc color hex could be obtained by blending #ffffff with #69b5b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 85
- B 86
RGB color chart
- C 18
- M 1
- Y 0
- K 14
CMYK color chart

● #b4dadc color description : Light grayish cyan.

The hexadecimal color #b4dadc has RGB values of R:180, G:218, B:220 and CMYK values of C:0.18, M:0.01, Y:0, K:0.14. Its decimal value is 11852508.

Hex triplet	b4dadc	`#b4dadc`
RGB Decimal	180, 218, 220	`rgb(180,218,220)`
RGB Percent	70.6, 85.5, 86.3	`rgb(70.6%,85.5%,86.3%)`
CMYK	18, 1, 0, 14
HSL	183°, 36.4, 78.4	`hsl(183,36.4%,78.4%)`
HSV (or HSB)	183°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.49, -11.971, -5.129
XYZ	56.809, 65.012, 77.262
xyY	0.285, 0.327, 65.012
CIE-LCH	84.49, 13.023, 203.194
CIE-LUV	84.49, -19.806, -5.878
Hunter-Lab	80.63, -15.338, -0.372
Binary	10110100, 11011010, 11011100

#b4dadc
```
#b4dadc rgb(180,218,220)
```
#dcb6b4
```
#dcb6b4 rgb(220,182,180)
```

Complementary Color

#b4dcca
```
#b4dcca rgb(180,220,202)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#b4c6dc
```
#b4c6dc rgb(180,198,220)
```

Analogous Color

#dccab4
```
#dccab4 rgb(220,202,180)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#dcb4c6
```
#dcb4c6 rgb(220,180,198)
```

Split Complementary Color

#dadcb4
```
#dadcb4 rgb(218,220,180)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#dcb4da
```
#dcb4da rgb(220,180,218)
```

Triadic Color

#b4dcb6
```
#b4dcb6 rgb(180,220,182)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#dcb4da
```
#dcb4da rgb(220,180,218)
```
#dcb6b4
```
#dcb6b4 rgb(220,182,180)
```

Tetradic Color

#80c0c4
```
#80c0c4 rgb(128,192,196)
```
#91c9cc
```
#91c9cc rgb(145,201,204)
```
#a3d1d4
```
#a3d1d4 rgb(163,209,212)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#c5e3e4
```
#c5e3e4 rgb(197,227,228)
```
#d7ebec
```
#d7ebec rgb(215,235,236)
```
#e8f4f4
```
#e8f4f4 rgb(232,244,244)
```

Monochromatic Color

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

#b4dcd4
```
#b4dcd4 rgb(180,220,212)
```
#b4dcd7
```
#b4dcd7 rgb(180,220,215)
```
#b4dcdb
```
#b4dcdb rgb(180,220,219)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#b4d7dc
```
#b4d7dc rgb(180,215,220)
```
#b4d3dc
```
#b4d3dc rgb(180,211,220)
```
#b4d0dc
```
#b4d0dc rgb(180,208,220)
```

Similar Colors

Text with hexadecimal color #b4dadc

This text has a font color of #b4dadc.

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

#b4dadc background color

This paragraph has a background color of #b4dadc.

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

#b4dadc border color

This element has a border color of #b4dadc.

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

CSS codes

.text {color:#b4dadc;}

.background {background-color:#b4dadc;}

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

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

#020505
```
#020505 rgb(2,5,5)
```
#091213
```
#091213 rgb(9,18,19)
```
#0f1f20
```
#0f1f20 rgb(15,31,32)
```
#152c2d
```
#152c2d rgb(21,44,45)
```
#1b393b
```
#1b393b rgb(27,57,59)
```
#224648
```
#224648 rgb(34,70,72)
```
#285355
```
#285355 rgb(40,83,85)
```
#2e6063
```
#2e6063 rgb(46,96,99)
```
#346d70
```
#346d70 rgb(52,109,112)
```
#3b7a7e
```
#3b7a7e rgb(59,122,126)
```
#41878b
```
#41878b rgb(65,135,139)
```
#479498
```
#479498 rgb(71,148,152)
```
#4da1a6
```
#4da1a6 rgb(77,161,166)
```

Shade Color Variation

#56acb0
```
#56acb0 rgb(86,172,176)
```
#64b2b7
```
#64b2b7 rgb(100,178,183)
```
#71b9bd
```
#71b9bd rgb(113,185,189)
```
#7fc0c3
```
#7fc0c3 rgb(127,192,195)
```
#8cc6c9
```
#8cc6c9 rgb(140,198,201)
```
#99cdd0
```
#99cdd0 rgb(153,205,208)
```
#a7d3d6
```
#a7d3d6 rgb(167,211,214)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#c1e1e2
```
#c1e1e2 rgb(193,225,226)
```
#cfe7e8
```
#cfe7e8 rgb(207,231,232)
```
#dceeef
```
#dceeef rgb(220,238,239)
```
#e9f4f5
```
#e9f4f5 rgb(233,244,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#c5cbcb
```
#c5cbcb rgb(197,203,203)
```
#c1cfcf
```
#c1cfcf rgb(193,207,207)
```
#bcd2d4
```
#bcd2d4 rgb(188,210,212)
```
#b8d6d8
```
#b8d6d8 rgb(184,214,216)
```
#b4dadc
```
#b4dadc rgb(180,218,220)
```
#b0dee0
```
#b0dee0 rgb(176,222,224)
```
#ace2e4
```
#ace2e4 rgb(172,226,228)
```
#a7e5e9
```
#a7e5e9 rgb(167,229,233)
```
#a3e9ed
```
#a3e9ed rgb(163,233,237)
```
#9fedf1
```
#9fedf1 rgb(159,237,241)
```
#9bf1f5
```
#9bf1f5 rgb(155,241,245)
```
#96f5fa
```
#96f5fa rgb(150,245,250)
```
#92f8fe
```
#92f8fe rgb(146,248,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cad1d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d4d9 Protanopia 1% of men
#e2cfe2 Deuteranopia 1% of men
#badae9 Tritanopia 0.001% of the population

Trichromacy

#cad6da Protanomaly 1% of men, 0.01% of women
#d1d3df Deuteranomaly 6% of men, 0.4% of women
#b8dae4 Tritanomaly 0.01% of the population

#b4dadc hex color

#b4dadc Color Information

#b4dadc Color Conversion

Color Schemes with #b4dadc

Alternatives to #b4dadc

#b4dadc Preview

Shades and Tints of #b4dadc

Tones of #b4dadc

Color Blindness Simulator