#b2cdc4 hex color

In a RGB color space, hex #b2cdc4 is composed of 69.8% red, 80.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 0% magenta, 4.4% yellow and 19.6% black. It has a hue angle of 160 degrees, a saturation of 21.3% and a lightness of 75.1%. #b2cdc4 color hex could be obtained by blending #ffffff with #659b89. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 80
- B 77
RGB color chart
- C 13
- M 0
- Y 4
- K 20
CMYK color chart

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

The hexadecimal color #b2cdc4 has RGB values of R:178, G:205, B:196 and CMYK values of C:0.13, M:0, Y:0.04, K:0.2. Its decimal value is 11718084.

Hex triplet	b2cdc4	`#b2cdc4`
RGB Decimal	178, 205, 196	`rgb(178,205,196)`
RGB Percent	69.8, 80.4, 76.9	`rgb(69.8%,80.4%,76.9%)`
CMYK	13, 0, 4, 20
HSL	160°, 21.3, 75.1	`hsl(160,21.3%,75.1%)`
HSV (or HSB)	160°, 13.2, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.243, -10.801, 1.42
XYZ	50.153, 57.112, 60.603
xyY	0.299, 0.34, 57.112
CIE-LCH	80.243, 10.894, 172.511
CIE-LUV	80.243, -14.148, 3.984
Hunter-Lab	75.573, -13.792, 5.355
Binary	10110010, 11001101, 11000100

#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#cdb2bb
```
#cdb2bb rgb(205,178,187)
```

Complementary Color

#b2cdb7
```
#b2cdb7 rgb(178,205,183)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#b2c9cd
```
#b2c9cd rgb(178,201,205)
```

Analogous Color

#cdb7b2
```
#cdb7b2 rgb(205,183,178)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#cdb2c9
```
#cdb2c9 rgb(205,178,201)
```

Split Complementary Color

#cdc4b2
```
#cdc4b2 rgb(205,196,178)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#c4b2cd
```
#c4b2cd rgb(196,178,205)
```

Triadic Color

#bbcdb2
```
#bbcdb2 rgb(187,205,178)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#c4b2cd
```
#c4b2cd rgb(196,178,205)
```
#cdb2bb
```
#cdb2bb rgb(205,178,187)
```

Tetradic Color

#84afa0
```
#84afa0 rgb(132,175,160)
```
#93b9ac
```
#93b9ac rgb(147,185,172)
```
#a3c3b8
```
#a3c3b8 rgb(163,195,184)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#c1d7d0
```
#c1d7d0 rgb(193,215,208)
```
#d1e1dc
```
#d1e1dc rgb(209,225,220)
```
#e0ebe8
```
#e0ebe8 rgb(224,235,232)
```

Monochromatic Color

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

#b2cdbd
```
#b2cdbd rgb(178,205,189)
```
#b2cdc0
```
#b2cdc0 rgb(178,205,192)
```
#b2cdc2
```
#b2cdc2 rgb(178,205,194)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#b2cdc6
```
#b2cdc6 rgb(178,205,198)
```
#b2cdc9
```
#b2cdc9 rgb(178,205,201)
```
#b2cdcb
```
#b2cdcb rgb(178,205,203)
```

Similar Colors

Text with hexadecimal color #b2cdc4

This text has a font color of #b2cdc4.

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

#b2cdc4 background color

This paragraph has a background color of #b2cdc4.

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

#b2cdc4 border color

This element has a border color of #b2cdc4.

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

CSS codes

.text {color:#b2cdc4;}

.background {background-color:#b2cdc4;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1210
```
#0c1210 rgb(12,18,16)
```
#141e1b
```
#141e1b rgb(20,30,27)
```
#1b2a25
```
#1b2a25 rgb(27,42,37)
```
#233630
```
#233630 rgb(35,54,48)
```
#2b423a
```
#2b423a rgb(43,66,58)
```
#324e45
```
#324e45 rgb(50,78,69)
```
#3a594f
```
#3a594f rgb(58,89,79)
```
#42655a
```
#42655a rgb(66,101,90)
```
#4a7164
```
#4a7164 rgb(74,113,100)
```
#517d6f
```
#517d6f rgb(81,125,111)
```
#598979
```
#598979 rgb(89,137,121)
```
#619584
```
#619584 rgb(97,149,132)
```

Shade Color Variation

#6b9f8d
```
#6b9f8d rgb(107,159,141)
```
#77a696
```
#77a696 rgb(119,166,150)
```
#82aea0
```
#82aea0 rgb(130,174,160)
```
#8eb6a9
```
#8eb6a9 rgb(142,182,169)
```
#9abeb2
```
#9abeb2 rgb(154,190,178)
```
#a6c5bb
```
#a6c5bb rgb(166,197,187)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#bed5cd
```
#bed5cd rgb(190,213,205)
```
#cadcd6
```
#cadcd6 rgb(202,220,214)
```
#d6e4df
```
#d6e4df rgb(214,228,223)
```
#e2ece8
```
#e2ece8 rgb(226,236,232)
```
#edf4f2
```
#edf4f2 rgb(237,244,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#bcc3c1
```
#bcc3c1 rgb(188,195,193)
```
#b7c8c2
```
#b7c8c2 rgb(183,200,194)
```
#b2cdc4
```
#b2cdc4 rgb(178,205,196)
```
#add2c6
```
#add2c6 rgb(173,210,198)
```
#a8d7c7
```
#a8d7c7 rgb(168,215,199)
```
#a3dcc9
```
#a3dcc9 rgb(163,220,201)
```
#9ee1cb
```
#9ee1cb rgb(158,225,203)
```
#9ae5cc
```
#9ae5cc rgb(154,229,204)
```
#95eace
```
#95eace rgb(149,234,206)
```
#90efcf
```
#90efcf rgb(144,239,207)
```
#8bf4d1
```
#8bf4d1 rgb(139,244,209)
```
#86f9d3
```
#86f9d3 rgb(134,249,211)
```
#81fed4
```
#81fed4 rgb(129,254,212)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c6c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec9c3 Protanopia 1% of men
#dbc3ca Deuteranopia 1% of men
#baccdb Tritanopia 0.001% of the population

Trichromacy

#c4cac3 Protanomaly 1% of men, 0.01% of women
#ccc7c8 Deuteranomaly 6% of men, 0.4% of women
#b7ccd2 Tritanomaly 0.01% of the population

#b2cdc4 hex color

#b2cdc4 Color Information

#b2cdc4 Color Conversion

Color Schemes with #b2cdc4

Alternatives to #b2cdc4

#b2cdc4 Preview

Shades and Tints of #b2cdc4

Tones of #b2cdc4

Color Blindness Simulator