#b1ddbd hex color

In a RGB color space, hex #b1ddbd is composed of 69.4% red, 86.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 19.9% cyan, 0% magenta, 14.5% yellow and 13.3% black. It has a hue angle of 136.4 degrees, a saturation of 39.3% and a lightness of 78%. #b1ddbd color hex could be obtained by blending #ffffff with #63bb7b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 87
- B 74
RGB color chart
- C 20
- M 0
- Y 14
- K 13
CMYK color chart

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

The hexadecimal color #b1ddbd has RGB values of R:177, G:221, B:189 and CMYK values of C:0.2, M:0, Y:0.14, K:0.13. Its decimal value is 11656637.

Hex triplet	b1ddbd	`#b1ddbd`
RGB Decimal	177, 221, 189	`rgb(177,221,189)`
RGB Percent	69.4, 86.7, 74.1	`rgb(69.4%,86.7%,74.1%)`
CMYK	20, 0, 14, 13
HSL	136.4°, 39.3, 78	`hsl(136.4,39.3%,78%)`
HSV (or HSB)	136.4°, 19.9, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.346, -20.54, 11.038
XYZ	53.171, 64.733, 57.835
xyY	0.303, 0.368, 64.733
CIE-LCH	84.346, 23.318, 151.746
CIE-LUV	84.346, -22.213, 19.853
Hunter-Lab	80.457, -22.835, 13.7
Binary	10110001, 11011101, 10111101

#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#ddb1d1
```
#ddb1d1 rgb(221,177,209)
```

Complementary Color

#bbddb1
```
#bbddb1 rgb(187,221,177)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#b1ddd3
```
#b1ddd3 rgb(177,221,211)
```

Analogous Color

#ddb1bb
```
#ddb1bb rgb(221,177,187)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#d3b1dd
```
#d3b1dd rgb(211,177,221)
```

Split Complementary Color

#ddbdb1
```
#ddbdb1 rgb(221,189,177)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#bdb1dd
```
#bdb1dd rgb(189,177,221)
```

Triadic Color

#d1ddb1
```
#d1ddb1 rgb(209,221,177)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#bdb1dd
```
#bdb1dd rgb(189,177,221)
```
#ddb1d1
```
#ddb1d1 rgb(221,177,209)
```

Tetradic Color

#7cc690
```
#7cc690 rgb(124,198,144)
```
#8dce9f
```
#8dce9f rgb(141,206,159)
```
#9fd5ae
```
#9fd5ae rgb(159,213,174)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#c3e5cc
```
#c3e5cc rgb(195,229,204)
```
#d5ecdb
```
#d5ecdb rgb(213,236,219)
```
#e6f4ea
```
#e6f4ea rgb(230,244,234)
```

Monochromatic Color

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

#b1ddb2
```
#b1ddb2 rgb(177,221,178)
```
#b1ddb6
```
#b1ddb6 rgb(177,221,182)
```
#b1ddb9
```
#b1ddb9 rgb(177,221,185)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#b1ddc1
```
#b1ddc1 rgb(177,221,193)
```
#b1ddc4
```
#b1ddc4 rgb(177,221,196)
```
#b1ddc8
```
#b1ddc8 rgb(177,221,200)
```

Similar Colors

Text with hexadecimal color #b1ddbd

This text has a font color of #b1ddbd.

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

#b1ddbd background color

This paragraph has a background color of #b1ddbd.

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

#b1ddbd border color

This element has a border color of #b1ddbd.

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

CSS codes

.text {color:#b1ddbd;}

.background {background-color:#b1ddbd;}

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

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

#020402
```
#020402 rgb(2,4,2)
```
#08120a
```
#08120a rgb(8,18,10)
```
#0e1f12
```
#0e1f12 rgb(14,31,18)
```
#142d1b
```
#142d1b rgb(20,45,27)
```
#1a3b23
```
#1a3b23 rgb(26,59,35)
```
#20482b
```
#20482b rgb(32,72,43)
```
#255633
```
#255633 rgb(37,86,51)
```
#2b643b
```
#2b643b rgb(43,100,59)
```
#317143
```
#317143 rgb(49,113,67)
```
#377f4b
```
#377f4b rgb(55,127,75)
```
#3d8d53
```
#3d8d53 rgb(61,141,83)
```
#439a5b
```
#439a5b rgb(67,154,91)
```
#49a863
```
#49a863 rgb(73,168,99)
```

Shade Color Variation

#51b36c
```
#51b36c rgb(81,179,108)
```
#5fb978
```
#5fb978 rgb(95,185,120)
```
#6dbf83
```
#6dbf83 rgb(109,191,131)
```
#7ac58f
```
#7ac58f rgb(122,197,143)
```
#88cb9a
```
#88cb9a rgb(136,203,154)
```
#96d1a6
```
#96d1a6 rgb(150,209,166)
```
#a3d7b1
```
#a3d7b1 rgb(163,215,177)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#bfe3c9
```
#bfe3c9 rgb(191,227,201)
```
#cce9d4
```
#cce9d4 rgb(204,233,212)
```
#daefe0
```
#daefe0 rgb(218,239,224)
```
#e8f5eb
```
#e8f5eb rgb(232,245,235)
```
#f5fbf7
```
#f5fbf7 rgb(245,251,247)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c2ccc5
```
#c2ccc5 rgb(194,204,197)
```
#bed0c3
```
#bed0c3 rgb(190,208,195)
```
#bad4c1
```
#bad4c1 rgb(186,212,193)
```
#b5d9bf
```
#b5d9bf rgb(181,217,191)
```
#b1ddbd
```
#b1ddbd rgb(177,221,189)
```
#ade1bb
```
#ade1bb rgb(173,225,187)
```
#a8e6b9
```
#a8e6b9 rgb(168,230,185)
```
#a4eab7
```
#a4eab7 rgb(164,234,183)
```
#a0eeb5
```
#a0eeb5 rgb(160,238,181)
```
#9bf3b3
```
#9bf3b3 rgb(155,243,179)
```
#97f7b1
```
#97f7b1 rgb(151,247,177)
```
#93fbaf
```
#93fbaf rgb(147,251,175)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7cfc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded4bb Protanopia 1% of men
#eecdc5 Deuteranopia 1% of men
#bdd8e8 Tritanopia 0.001% of the population

Trichromacy

#cdd7bb Protanomaly 1% of men, 0.01% of women
#d7d3c2 Deuteranomaly 6% of men, 0.4% of women
#b9dad8 Tritanomaly 0.01% of the population

#b1ddbd hex color

#b1ddbd Color Information

#b1ddbd Color Conversion

Color Schemes with #b1ddbd

Alternatives to #b1ddbd

#b1ddbd Preview

Shades and Tints of #b1ddbd

Tones of #b1ddbd

Color Blindness Simulator