#b2e0dc hex color

In a RGB color space, hex #b2e0dc is composed of 69.8% red, 87.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 1.8% yellow and 12.2% black. It has a hue angle of 174.8 degrees, a saturation of 42.6% and a lightness of 78.8%. #b2e0dc color hex could be obtained by blending #ffffff with #65c1b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 88
- B 86
RGB color chart
- C 21
- M 0
- Y 2
- K 12
CMYK color chart

● #b2e0dc color description : Very soft cyan.

The hexadecimal color #b2e0dc has RGB values of R:178, G:224, B:220 and CMYK values of C:0.21, M:0, Y:0.02, K:0.12. Its decimal value is 11722972.

Hex triplet	b2e0dc	`#b2e0dc`
RGB Decimal	178, 224, 220	`rgb(178,224,220)`
RGB Percent	69.8, 87.8, 86.3	`rgb(69.8%,87.8%,86.3%)`
CMYK	21, 0, 2, 12
HSL	174.8°, 42.6, 78.8	`hsl(174.8,42.6%,78.8%)`
HSV (or HSB)	174.8°, 20.5, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.977, -15.628, -2.953
XYZ	57.931, 67.942, 77.768
xyY	0.284, 0.334, 67.942
CIE-LCH	85.977, 15.904, 190.702
CIE-LUV	85.977, -23.472, -1.888
Hunter-Lab	82.427, -18.794, 1.76
Binary	10110010, 11100000, 11011100

#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#e0b2b6
```
#e0b2b6 rgb(224,178,182)
```

Complementary Color

#b2e0c5
```
#b2e0c5 rgb(178,224,197)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#b2cde0
```
#b2cde0 rgb(178,205,224)
```

Analogous Color

#e0c5b2
```
#e0c5b2 rgb(224,197,178)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#e0b2cd
```
#e0b2cd rgb(224,178,205)
```

Split Complementary Color

#e0dcb2
```
#e0dcb2 rgb(224,220,178)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#dcb2e0
```
#dcb2e0 rgb(220,178,224)
```

Triadic Color

#b6e0b2
```
#b6e0b2 rgb(182,224,178)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#dcb2e0
```
#dcb2e0 rgb(220,178,224)
```
#e0b2b6
```
#e0b2b6 rgb(224,178,182)
```

Tetradic Color

#7bcac3
```
#7bcac3 rgb(123,202,195)
```
#8ed1cb
```
#8ed1cb rgb(142,209,203)
```
#a0d9d4
```
#a0d9d4 rgb(160,217,212)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#c4e7e4
```
#c4e7e4 rgb(196,231,228)
```
#d6efed
```
#d6efed rgb(214,239,237)
```
#e9f6f5
```
#e9f6f5 rgb(233,246,245)
```

Monochromatic Color

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

#b2e0d1
```
#b2e0d1 rgb(178,224,209)
```
#b2e0d4
```
#b2e0d4 rgb(178,224,212)
```
#b2e0d8
```
#b2e0d8 rgb(178,224,216)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#b2e0e0
```
#b2e0e0 rgb(178,224,224)
```
#b2dce0
```
#b2dce0 rgb(178,220,224)
```
#b2d9e0
```
#b2d9e0 rgb(178,217,224)
```

Similar Colors

Text with hexadecimal color #b2e0dc

This text has a font color of #b2e0dc.

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

#b2e0dc background color

This paragraph has a background color of #b2e0dc.

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

#b2e0dc border color

This element has a border color of #b2e0dc.

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

CSS codes

.text {color:#b2e0dc;}

.background {background-color:#b2e0dc;}

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

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

#030707
```
#030707 rgb(3,7,7)
```
#081514
```
#081514 rgb(8,21,20)
```
#0e2321
```
#0e2321 rgb(14,35,33)
```
#14312e
```
#14312e rgb(20,49,46)
```
#193f3c
```
#193f3c rgb(25,63,60)
```
#1f4d49
```
#1f4d49 rgb(31,77,73)
```
#255b56
```
#255b56 rgb(37,91,86)
```
#2a6963
```
#2a6963 rgb(42,105,99)
```
#307771
```
#307771 rgb(48,119,113)
```
#35857e
```
#35857e rgb(53,133,126)
```
#3b938b
```
#3b938b rgb(59,147,139)
```
#41a198
```
#41a198 rgb(65,161,152)
```
#46afa6
```
#46afa6 rgb(70,175,166)
```

Shade Color Variation

#50b9b0
```
#50b9b0 rgb(80,185,176)
```
#5ebeb6
```
#5ebeb6 rgb(94,190,182)
```
#6cc4bc
```
#6cc4bc rgb(108,196,188)
```
#7ac9c3
```
#7ac9c3 rgb(122,201,195)
```
#88cfc9
```
#88cfc9 rgb(136,207,201)
```
#96d5cf
```
#96d5cf rgb(150,213,207)
```
#a4dad6
```
#a4dad6 rgb(164,218,214)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#c0e6e2
```
#c0e6e2 rgb(192,230,226)
```
#ceebe9
```
#ceebe9 rgb(206,235,233)
```
#dcf1ef
```
#dcf1ef rgb(220,241,239)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#c7cbcb
```
#c7cbcb rgb(199,203,203)
```
#c3cfce
```
#c3cfce rgb(195,207,206)
```
#bed4d2
```
#bed4d2 rgb(190,212,210)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#b6dcd9
```
#b6dcd9 rgb(182,220,217)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#aee4df
```
#aee4df rgb(174,228,223)
```
#aae8e3
```
#aae8e3 rgb(170,232,227)
```
#a6ece6
```
#a6ece6 rgb(166,236,230)
```
#a1f1ea
```
#a1f1ea rgb(161,241,234)
```
#9df5ed
```
#9df5ed rgb(157,245,237)
```
#99f9f1
```
#99f9f1 rgb(153,249,241)
```
#95fdf4
```
#95fdf4 rgb(149,253,244)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ccd5d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd8d8 Protanopia 1% of men
#e8d3e2 Deuteranopia 1% of men
#badeee Tritanopia 0.001% of the population

Trichromacy

#cddad9 Protanomaly 1% of men, 0.01% of women
#d4d7e0 Deuteranomaly 6% of men, 0.4% of women
#b7dfe8 Tritanomaly 0.01% of the population

#b2e0dc hex color

#b2e0dc Color Information

#b2e0dc Color Conversion

Color Schemes with #b2e0dc

Alternatives to #b2e0dc

#b2e0dc Preview

Shades and Tints of #b2e0dc

Tones of #b2e0dc

Color Blindness Simulator