#b3d2bc hex color

In a RGB color space, hex #b3d2bc is composed of 70.2% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 137.4 degrees, a saturation of 25.6% and a lightness of 76.3%. #b3d2bc color hex could be obtained by blending #ffffff with #67a579. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 82
- B 74
RGB color chart
- C 15
- M 0
- Y 10
- K 18
CMYK color chart

● #b3d2bc color description : Grayish cyan - lime green.

The hexadecimal color #b3d2bc has RGB values of R:179, G:210, B:188 and CMYK values of C:0.15, M:0, Y:0.1, K:0.18. Its decimal value is 11784892.

Hex triplet	b3d2bc	`#b3d2bc`
RGB Decimal	179, 210, 188	`rgb(179,210,188)`
RGB Percent	70.2, 82.4, 73.7	`rgb(70.2%,82.4%,73.7%)`
CMYK	15, 0, 10, 18
HSL	137.4°, 25.6, 76.3	`hsl(137.4,25.6%,76.3%)`
HSV (or HSB)	137.4°, 14.8, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.46, -14.552, 7.461
XYZ	50.712, 59.307, 56.35
xyY	0.305, 0.356, 59.307
CIE-LCH	81.46, 16.353, 152.855
CIE-LUV	81.46, -15.873, 13.561
Hunter-Lab	77.011, -17.226, 10.524
Binary	10110011, 11010010, 10111100

#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#d2b3c9
```
#d2b3c9 rgb(210,179,201)
```

Complementary Color

#bad2b3
```
#bad2b3 rgb(186,210,179)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#b3d2cc
```
#b3d2cc rgb(179,210,204)
```

Analogous Color

#d2b3ba
```
#d2b3ba rgb(210,179,186)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#ccb3d2
```
#ccb3d2 rgb(204,179,210)
```

Split Complementary Color

#d2bcb3
```
#d2bcb3 rgb(210,188,179)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#bcb3d2
```
#bcb3d2 rgb(188,179,210)
```

Triadic Color

#c9d2b3
```
#c9d2b3 rgb(201,210,179)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#bcb3d2
```
#bcb3d2 rgb(188,179,210)
```
#d2b3c9
```
#d2b3c9 rgb(210,179,201)
```

Tetradic Color

#83b692
```
#83b692 rgb(131,182,146)
```
#93bfa0
```
#93bfa0 rgb(147,191,160)
```
#a3c9ae
```
#a3c9ae rgb(163,201,174)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#c3dbca
```
#c3dbca rgb(195,219,202)
```
#d3e5d8
```
#d3e5d8 rgb(211,229,216)
```
#e3eee6
```
#e3eee6 rgb(227,238,230)
```

Monochromatic Color

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

#b3d2b4
```
#b3d2b4 rgb(179,210,180)
```
#b3d2b7
```
#b3d2b7 rgb(179,210,183)
```
#b3d2b9
```
#b3d2b9 rgb(179,210,185)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#b3d2bf
```
#b3d2bf rgb(179,210,191)
```
#b3d2c1
```
#b3d2c1 rgb(179,210,193)
```
#b3d2c4
```
#b3d2c4 rgb(179,210,196)
```

Similar Colors

Text with hexadecimal color #b3d2bc

This text has a font color of #b3d2bc.

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

#b3d2bc background color

This paragraph has a background color of #b3d2bc.

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

#b3d2bc border color

This element has a border color of #b3d2bc.

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

CSS codes

.text {color:#b3d2bc;}

.background {background-color:#b3d2bc;}

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

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

#060a07
```
#060a07 rgb(6,10,7)
```
#0d1710
```
#0d1710 rgb(13,23,16)
```
#152319
```
#152319 rgb(21,35,25)
```
#1c2f22
```
#1c2f22 rgb(28,47,34)
```
#233c2a
```
#233c2a rgb(35,60,42)
```
#2b4833
```
#2b4833 rgb(43,72,51)
```
#32543c
```
#32543c rgb(50,84,60)
```
#396045
```
#396045 rgb(57,96,69)
```
#406d4d
```
#406d4d rgb(64,109,77)
```
#487956
```
#487956 rgb(72,121,86)
```
#4f855f
```
#4f855f rgb(79,133,95)
```
#569268
```
#569268 rgb(86,146,104)
```
#5e9e70
```
#5e9e70 rgb(94,158,112)
```

Shade Color Variation

#69a67b
```
#69a67b rgb(105,166,123)
```
#75ae86
```
#75ae86 rgb(117,174,134)
```
#82b591
```
#82b591 rgb(130,181,145)
```
#8ebc9b
```
#8ebc9b rgb(142,188,155)
```
#9ac3a6
```
#9ac3a6 rgb(154,195,166)
```
#a7cbb1
```
#a7cbb1 rgb(167,203,177)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#bfd9c7
```
#bfd9c7 rgb(191,217,199)
```
#cce1d2
```
#cce1d2 rgb(204,225,210)
```
#d8e8dd
```
#d8e8dd rgb(216,232,221)
```
#e4efe7
```
#e4efe7 rgb(228,239,231)
```
#f1f6f2
```
#f1f6f2 rgb(241,246,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#c1c4c2
```
#c1c4c2 rgb(193,196,194)
```
#bcc9c0
```
#bcc9c0 rgb(188,201,192)
```
#b8cdbe
```
#b8cdbe rgb(184,205,190)
```
#b3d2bc
```
#b3d2bc rgb(179,210,188)
```
#aed7ba
```
#aed7ba rgb(174,215,186)
```
#aadbb8
```
#aadbb8 rgb(170,219,184)
```
#a5e0b6
```
#a5e0b6 rgb(165,224,182)
```
#a0e5b4
```
#a0e5b4 rgb(160,229,180)
```
#9ce9b2
```
#9ce9b2 rgb(156,233,178)
```
#97eeb0
```
#97eeb0 rgb(151,238,176)
```
#92f3ae
```
#92f3ae rgb(146,243,174)
```
#8ef7ac
```
#8ef7ac rgb(142,247,172)
```
#89fcaa
```
#89fcaa rgb(137,252,170)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c2c8c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4ccbb Protanopia 1% of men
#e3c6c3 Deuteranopia 1% of men
#bdcfde Tritanopia 0.001% of the population

Trichromacy

#c8cebb Protanomaly 1% of men, 0.01% of women
#d1cac1 Deuteranomaly 6% of men, 0.4% of women
#b9d0d2 Tritanomaly 0.01% of the population

#b3d2bc hex color

#b3d2bc Color Information

#b3d2bc Color Conversion

Color Schemes with #b3d2bc

Alternatives to #b3d2bc

#b3d2bc Preview

Shades and Tints of #b3d2bc

Tones of #b3d2bc

Color Blindness Simulator