#b3dfd2 hex color

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

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

● #b3dfd2 color description : Light grayish cyan - lime green.

The hexadecimal color #b3dfd2 has RGB values of R:179, G:223, B:210 and CMYK values of C:0.2, M:0, Y:0.06, K:0.13. Its decimal value is 11788242.

Hex triplet	b3dfd2	`#b3dfd2`
RGB Decimal	179, 223, 210	`rgb(179,223,210)`
RGB Percent	70.2, 87.5, 82.4	`rgb(70.2%,87.5%,82.4%)`
CMYK	20, 0, 6, 13
HSL	162.3°, 40.7, 78.8	`hsl(162.3,40.7%,78.8%)`
HSV (or HSB)	162.3°, 19.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.509, -16.862, 1.648
XYZ	56.608, 67.011, 70.921
xyY	0.291, 0.344, 67.011
CIE-LCH	85.509, 16.942, 174.417
CIE-LUV	85.509, -22.433, 5.396
Hunter-Lab	81.86, -19.818, 5.935
Binary	10110011, 11011111, 11010010

#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#dfb3c0
```
#dfb3c0 rgb(223,179,192)
```

Complementary Color

#b3dfbc
```
#b3dfbc rgb(179,223,188)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#b3d6df
```
#b3d6df rgb(179,214,223)
```

Analogous Color

#dfbcb3
```
#dfbcb3 rgb(223,188,179)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#dfb3d6
```
#dfb3d6 rgb(223,179,214)
```

Split Complementary Color

#dfd2b3
```
#dfd2b3 rgb(223,210,179)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#d2b3df
```
#d2b3df rgb(210,179,223)
```

Triadic Color

#c0dfb3
```
#c0dfb3 rgb(192,223,179)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#d2b3df
```
#d2b3df rgb(210,179,223)
```
#dfb3c0
```
#dfb3c0 rgb(223,179,192)
```

Tetradic Color

#7dc8b2
```
#7dc8b2 rgb(125,200,178)
```
#8fd0bd
```
#8fd0bd rgb(143,208,189)
```
#a1d7c7
```
#a1d7c7 rgb(161,215,199)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#c5e7dd
```
#c5e7dd rgb(197,231,221)
```
#d7eee7
```
#d7eee7 rgb(215,238,231)
```
#e9f6f2
```
#e9f6f2 rgb(233,246,242)
```

Monochromatic Color

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

#b3dfc7
```
#b3dfc7 rgb(179,223,199)
```
#b3dfcb
```
#b3dfcb rgb(179,223,203)
```
#b3dfce
```
#b3dfce rgb(179,223,206)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#b3dfd6
```
#b3dfd6 rgb(179,223,214)
```
#b3dfd9
```
#b3dfd9 rgb(179,223,217)
```
#b3dfdd
```
#b3dfdd rgb(179,223,221)
```

Similar Colors

Text with hexadecimal color #b3dfd2

This text has a font color of #b3dfd2.

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

#b3dfd2 background color

This paragraph has a background color of #b3dfd2.

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

#b3dfd2 border color

This element has a border color of #b3dfd2.

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

CSS codes

.text {color:#b3dfd2;}

.background {background-color:#b3dfd2;}

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

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 #f8fcfb is the lightest one.

#030706
```
#030706 rgb(3,7,6)
```
#091511
```
#091511 rgb(9,21,17)
```
#0e221d
```
#0e221d rgb(14,34,29)
```
#143028
```
#143028 rgb(20,48,40)
```
#1a3e33
```
#1a3e33 rgb(26,62,51)
```
#204c3f
```
#204c3f rgb(32,76,63)
```
#265a4a
```
#265a4a rgb(38,90,74)
```
#2c6756
```
#2c6756 rgb(44,103,86)
```
#317561
```
#317561 rgb(49,117,97)
```
#37836d
```
#37836d rgb(55,131,109)
```
#3d9178
```
#3d9178 rgb(61,145,120)
```
#439f84
```
#439f84 rgb(67,159,132)
```
#49ac8f
```
#49ac8f rgb(73,172,143)
```

Shade Color Variation

#52b699
```
#52b699 rgb(82,182,153)
```
#60bca1
```
#60bca1 rgb(96,188,161)
```
#6ec2a9
```
#6ec2a9 rgb(110,194,169)
```
#7cc8b1
```
#7cc8b1 rgb(124,200,177)
```
#8aceb9
```
#8aceb9 rgb(138,206,185)
```
#97d3c2
```
#97d3c2 rgb(151,211,194)
```
#a5d9ca
```
#a5d9ca rgb(165,217,202)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#c1e5da
```
#c1e5da rgb(193,229,218)
```
#cfebe2
```
#cfebe2 rgb(207,235,226)
```
#dcf0eb
```
#dcf0eb rgb(220,240,235)
```
#eaf6f3
```
#eaf6f3 rgb(234,246,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#c8caca
```
#c8caca rgb(200,202,202)
```
#c4cecb
```
#c4cecb rgb(196,206,203)
```
#bfd3cd
```
#bfd3cd rgb(191,211,205)
```
#bbd7cf
```
#bbd7cf rgb(187,215,207)
```
#b7dbd0
```
#b7dbd0 rgb(183,219,208)
```
#b3dfd2
```
#b3dfd2 rgb(179,223,210)
```
#afe3d4
```
#afe3d4 rgb(175,227,212)
```
#abe7d5
```
#abe7d5 rgb(171,231,213)
```
#a7ebd7
```
#a7ebd7 rgb(167,235,215)
```
#a2f0d9
```
#a2f0d9 rgb(162,240,217)
```
#9ef4da
```
#9ef4da rgb(158,244,218)
```
#9af8dc
```
#9af8dc rgb(154,248,220)
```
#96fcde
```
#96fcde rgb(150,252,222)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad3d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd6cf Protanopia 1% of men
#ead1d9 Deuteranopia 1% of men
#bcdcec Tritanopia 0.001% of the population

Trichromacy

#ced9d0 Protanomaly 1% of men, 0.01% of women
#d6d6d6 Deuteranomaly 6% of men, 0.4% of women
#b9dde3 Tritanomaly 0.01% of the population

#b3dfd2 hex color

#b3dfd2 Color Information

#b3dfd2 Color Conversion

Color Schemes with #b3dfd2

Alternatives to #b3dfd2

#b3dfd2 Preview

Shades and Tints of #b3dfd2

Tones of #b3dfd2

Color Blindness Simulator