#b3dfd9 hex color

In a RGB color space, hex #b3dfd9 is composed of 70.2% red, 87.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 0% magenta, 2.7% yellow and 12.5% black. It has a hue angle of 171.8 degrees, a saturation of 40.7% and a lightness of 78.8%. #b3dfd9 color hex could be obtained by blending #ffffff with #67bfb3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 87
- B 85
RGB color chart
- C 20
- M 0
- Y 3
- K 13
CMYK color chart

● #b3dfd9 color description : Light grayish cyan.

The hexadecimal color #b3dfd9 has RGB values of R:179, G:223, B:217 and CMYK values of C:0.2, M:0, Y:0.03, K:0.13. Its decimal value is 11788249.

Hex triplet	b3dfd9	`#b3dfd9`
RGB Decimal	179, 223, 217	`rgb(179,223,217)`
RGB Percent	70.2, 87.5, 85.1	`rgb(70.2%,87.5%,85.1%)`
CMYK	20, 0, 3, 13
HSL	171.8°, 40.7, 78.8	`hsl(171.8,40.7%,78.8%)`
HSV (or HSB)	171.8°, 19.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.689, -15.44, -1.786
XYZ	57.5, 67.367, 75.615
xyY	0.287, 0.336, 67.367
CIE-LCH	85.689, 15.543, 186.597
CIE-LUV	85.689, -22.519, -0.105
Hunter-Lab	82.078, -18.587, 2.832
Binary	10110011, 11011111, 11011001

#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#dfb3b9
```
#dfb3b9 rgb(223,179,185)
```

Complementary Color

#b3dfc3
```
#b3dfc3 rgb(179,223,195)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#b3cfdf
```
#b3cfdf rgb(179,207,223)
```

Analogous Color

#dfc3b3
```
#dfc3b3 rgb(223,195,179)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#dfb3cf
```
#dfb3cf rgb(223,179,207)
```

Split Complementary Color

#dfd9b3
```
#dfd9b3 rgb(223,217,179)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#d9b3df
```
#d9b3df rgb(217,179,223)
```

Triadic Color

#b9dfb3
```
#b9dfb3 rgb(185,223,179)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#d9b3df
```
#d9b3df rgb(217,179,223)
```
#dfb3b9
```
#dfb3b9 rgb(223,179,185)
```

Tetradic Color

#7dc8be
```
#7dc8be rgb(125,200,190)
```
#8fd0c7
```
#8fd0c7 rgb(143,208,199)
```
#a1d7d0
```
#a1d7d0 rgb(161,215,208)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#c5e7e2
```
#c5e7e2 rgb(197,231,226)
```
#d7eeeb
```
#d7eeeb rgb(215,238,235)
```
#e9f6f4
```
#e9f6f4 rgb(233,246,244)
```

Monochromatic Color

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

#b3dfce
```
#b3dfce rgb(179,223,206)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#b3dfd5
```
#b3dfd5 rgb(179,223,213)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#b3dfdd
```
#b3dfdd rgb(179,223,221)
```
#b3dedf
```
#b3dedf rgb(179,222,223)
```
#b3dadf
```
#b3dadf rgb(179,218,223)
```

Similar Colors

Text with hexadecimal color #b3dfd9

This text has a font color of #b3dfd9.

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

#b3dfd9 background color

This paragraph has a background color of #b3dfd9.

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

#b3dfd9 border color

This element has a border color of #b3dfd9.

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

CSS codes

.text {color:#b3dfd9;}

.background {background-color:#b3dfd9;}

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091513
```
#091513 rgb(9,21,19)
```
#0e2220
```
#0e2220 rgb(14,34,32)
```
#14302c
```
#14302c rgb(20,48,44)
```
#1a3e39
```
#1a3e39 rgb(26,62,57)
```
#204c46
```
#204c46 rgb(32,76,70)
```
#265a53
```
#265a53 rgb(38,90,83)
```
#2c675f
```
#2c675f rgb(44,103,95)
```
#31756c
```
#31756c rgb(49,117,108)
```
#378379
```
#378379 rgb(55,131,121)
```
#3d9185
```
#3d9185 rgb(61,145,133)
```
#439f92
```
#439f92 rgb(67,159,146)
```
#49ac9f
```
#49ac9f rgb(73,172,159)
```

Shade Color Variation

#52b6a9
```
#52b6a9 rgb(82,182,169)
```
#60bcb0
```
#60bcb0 rgb(96,188,176)
```
#6ec2b6
```
#6ec2b6 rgb(110,194,182)
```
#7cc8bd
```
#7cc8bd rgb(124,200,189)
```
#8acec4
```
#8acec4 rgb(138,206,196)
```
#97d3cb
```
#97d3cb rgb(151,211,203)
```
#a5d9d2
```
#a5d9d2 rgb(165,217,210)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#c1e5e0
```
#c1e5e0 rgb(193,229,224)
```
#cfebe7
```
#cfebe7 rgb(207,235,231)
```
#dcf0ee
```
#dcf0ee rgb(220,240,238)
```
#eaf6f5
```
#eaf6f5 rgb(234,246,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#c8caca
```
#c8caca rgb(200,202,202)
```
#c4cecd
```
#c4cecd rgb(196,206,205)
```
#bfd3d0
```
#bfd3d0 rgb(191,211,208)
```
#bbd7d3
```
#bbd7d3 rgb(187,215,211)
```
#b7dbd6
```
#b7dbd6 rgb(183,219,214)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#afe3dc
```
#afe3dc rgb(175,227,220)
```
#abe7df
```
#abe7df rgb(171,231,223)
```
#a7ebe2
```
#a7ebe2 rgb(167,235,226)
```
#a2f0e5
```
#a2f0e5 rgb(162,240,229)
```
#9ef4e8
```
#9ef4e8 rgb(158,244,232)
```
#9af8eb
```
#9af8eb rgb(154,248,235)
```
#96fcee
```
#96fcee rgb(150,252,238)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cbd4d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd7d6 Protanopia 1% of men
#e8d2df Deuteranopia 1% of men
#bbdded Tritanopia 0.001% of the population

Trichromacy

#cddad7 Protanomaly 1% of men, 0.01% of women
#d5d6dd Deuteranomaly 6% of men, 0.4% of women
#b8dee6 Tritanomaly 0.01% of the population

#b3dfd9 hex color

#b3dfd9 Color Information

#b3dfd9 Color Conversion

Color Schemes with #b3dfd9

Alternatives to #b3dfd9

#b3dfd9 Preview

Shades and Tints of #b3dfd9

Tones of #b3dfd9

Color Blindness Simulator