#b0e0e2 hex color

In a RGB color space, hex #b0e0e2 is composed of 69% red, 87.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 0.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 182.4 degrees, a saturation of 46.3% and a lightness of 78.8%. #b0e0e2 color hex could be obtained by blending #ffffff with #61c1c5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 88
- B 89
RGB color chart
- C 22
- M 1
- Y 0
- K 11
CMYK color chart

● #b0e0e2 color description : Very soft cyan.

The hexadecimal color #b0e0e2 has RGB values of R:176, G:224, B:226 and CMYK values of C:0.22, M:0.01, Y:0, K:0.11. Its decimal value is 11591906.

Hex triplet	b0e0e2	`#b0e0e2`
RGB Decimal	176, 224, 226	`rgb(176,224,226)`
RGB Percent	69, 87.8, 88.6	`rgb(69%,87.8%,88.6%)`
CMYK	22, 1, 0, 11
HSL	182.4°, 46.3, 78.8	`hsl(182.4,46.3%,78.8%)`
HSV (or HSB)	182.4°, 22.1, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	86.022, -14.959, -6.068
XYZ	58.284, 68.031, 82.008
xyY	0.28, 0.327, 68.031
CIE-LCH	86.022, 16.143, 202.081
CIE-LUV	86.022, -24.441, -6.889
Hunter-Lab	82.481, -18.205, -1.213
Binary	10110000, 11100000, 11100010

#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#e2b2b0
```
#e2b2b0 rgb(226,178,176)
```

Complementary Color

#b0e2cb
```
#b0e2cb rgb(176,226,203)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#b0c7e2
```
#b0c7e2 rgb(176,199,226)
```

Analogous Color

#e2cbb0
```
#e2cbb0 rgb(226,203,176)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#e2b0c7
```
#e2b0c7 rgb(226,176,199)
```

Split Complementary Color

#e0e2b0
```
#e0e2b0 rgb(224,226,176)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#e2b0e0
```
#e2b0e0 rgb(226,176,224)
```

Triadic Color

#b0e2b2
```
#b0e2b2 rgb(176,226,178)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#e2b0e0
```
#e2b0e0 rgb(226,176,224)
```
#e2b2b0
```
#e2b2b0 rgb(226,178,176)
```

Tetradic Color

#78cacd
```
#78cacd rgb(120,202,205)
```
#8bd1d4
```
#8bd1d4 rgb(139,209,212)
```
#9dd9db
```
#9dd9db rgb(157,217,219)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#c3e7e9
```
#c3e7e9 rgb(195,231,233)
```
#d5eff0
```
#d5eff0 rgb(213,239,240)
```
#e8f6f7
```
#e8f6f7 rgb(232,246,247)
```

Monochromatic Color

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

#b0e2d8
```
#b0e2d8 rgb(176,226,216)
```
#b0e2dc
```
#b0e2dc rgb(176,226,220)
```
#b0e2e0
```
#b0e2e0 rgb(176,226,224)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#b0dce2
```
#b0dce2 rgb(176,220,226)
```
#b0d8e2
```
#b0d8e2 rgb(176,216,226)
```
#b0d4e2
```
#b0d4e2 rgb(176,212,226)
```

Similar Colors

Text with hexadecimal color #b0e0e2

This text has a font color of #b0e0e2.

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

#b0e0e2 background color

This paragraph has a background color of #b0e0e2.

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

#b0e0e2 border color

This element has a border color of #b0e0e2.

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

CSS codes

.text {color:#b0e0e2;}

.background {background-color:#b0e0e2;}

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

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)
```
#081515
```
#081515 rgb(8,21,21)
```
#0d2324
```
#0d2324 rgb(13,35,36)
```
#123132
```
#123132 rgb(18,49,50)
```
#183f40
```
#183f40 rgb(24,63,64)
```
#1d4d4f
```
#1d4d4f rgb(29,77,79)
```
#225b5d
```
#225b5d rgb(34,91,93)
```
#27696c
```
#27696c rgb(39,105,108)
```
#2d777a
```
#2d777a rgb(45,119,122)
```
#328588
```
#328588 rgb(50,133,136)
```
#379397
```
#379397 rgb(55,147,151)
```
#3da1a5
```
#3da1a5 rgb(61,161,165)
```
#42afb3
```
#42afb3 rgb(66,175,179)
```

Shade Color Variation

#4cb9bd
```
#4cb9bd rgb(76,185,189)
```
#5abec2
```
#5abec2 rgb(90,190,194)
```
#68c4c8
```
#68c4c8 rgb(104,196,200)
```
#77c9cd
```
#77c9cd rgb(119,201,205)
```
#85cfd2
```
#85cfd2 rgb(133,207,210)
```
#93d5d7
```
#93d5d7 rgb(147,213,215)
```
#a2dadd
```
#a2dadd rgb(162,218,221)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#bee6e7
```
#bee6e7 rgb(190,230,231)
```
#cdebed
```
#cdebed rgb(205,235,237)
```
#dbf1f2
```
#dbf1f2 rgb(219,241,242)
```
#e9f7f7
```
#e9f7f7 rgb(233,247,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#c9c9c9
```
#c9c9c9 rgb(201,201,201)
```
#c5cdcd
```
#c5cdcd rgb(197,205,205)
```
#c1d1d1
```
#c1d1d1 rgb(193,209,209)
```
#bcd5d6
```
#bcd5d6 rgb(188,213,214)
```
#b8d8da
```
#b8d8da rgb(184,216,218)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#b0e0e2
```
#b0e0e2 rgb(176,224,226)
```
#ace4e6
```
#ace4e6 rgb(172,228,230)
```
#a8e8ea
```
#a8e8ea rgb(168,232,234)
```
#a4ebee
```
#a4ebee rgb(164,235,238)
```
#9feff3
```
#9feff3 rgb(159,239,243)
```
#9bf3f7
```
#9bf3f7 rgb(155,243,247)
```
#97f7fb
```
#97f7fb rgb(151,247,251)
```

Tone Color Variation

Below, you can see how #b0e0e2 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
#cbd5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd8de Protanopia 1% of men
#e6d3e8 Deuteranopia 1% of men
#b7dfef Tritanopia 0.001% of the population

Trichromacy

#cbdadf Protanomaly 1% of men, 0.01% of women
#d2d8e6 Deuteranomaly 6% of men, 0.4% of women
#b4dfea Tritanomaly 0.01% of the population

#b0e0e2 hex color

#b0e0e2 Color Information

#b0e0e2 Color Conversion

Color Schemes with #b0e0e2

Alternatives to #b0e0e2

#b0e0e2 Preview

Shades and Tints of #b0e0e2

Tones of #b0e0e2

Color Blindness Simulator