#b2dfe9 hex color

In a RGB color space, hex #b2dfe9 is composed of 69.8% red, 87.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 4.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 190.9 degrees, a saturation of 55.6% and a lightness of 80.6%. #b2dfe9 color hex could be obtained by blending #ffffff with #65bfd3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 87
- B 91
RGB color chart
- C 24
- M 4
- Y 0
- K 9
CMYK color chart

● #b2dfe9 color description : Very soft cyan.

The hexadecimal color #b2dfe9 has RGB values of R:178, G:223, B:233 and CMYK values of C:0.24, M:0.04, Y:0, K:0.09. Its decimal value is 11722729.

Hex triplet	b2dfe9	`#b2dfe9`
RGB Decimal	178, 223, 233	`rgb(178,223,233)`
RGB Percent	69.8, 87.5, 91.4	`rgb(69.8%,87.5%,91.4%)`
CMYK	24, 4, 0, 9
HSL	190.9°, 55.6, 80.6	`hsl(190.9,55.6%,80.6%)`
HSV (or HSB)	190.9°, 23.6, 91.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.067, -12.336, -9.683
XYZ	59.452, 68.122, 87.103
xyY	0.277, 0.317, 68.122
CIE-LCH	86.067, 15.682, 218.129
CIE-LUV	86.067, -23.174, -13.073
Hunter-Lab	82.536, -15.861, -4.795
Binary	10110010, 11011111, 11101001

#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#e9bcb2
```
#e9bcb2 rgb(233,188,178)
```

Complementary Color

#b2e9d8
```
#b2e9d8 rgb(178,233,216)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#b2c4e9
```
#b2c4e9 rgb(178,196,233)
```

Analogous Color

#e9d8b2
```
#e9d8b2 rgb(233,216,178)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#e9b2c4
```
#e9b2c4 rgb(233,178,196)
```

Split Complementary Color

#dfe9b2
```
#dfe9b2 rgb(223,233,178)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#e9b2df
```
#e9b2df rgb(233,178,223)
```

Triadic Color

#b2e9bc
```
#b2e9bc rgb(178,233,188)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#e9b2df
```
#e9b2df rgb(233,178,223)
```
#e9bcb2
```
#e9bcb2 rgb(233,188,178)
```

Tetradic Color

#77c6d8
```
#77c6d8 rgb(119,198,216)
```
#8acfde
```
#8acfde rgb(138,207,222)
```
#9ed7e3
```
#9ed7e3 rgb(158,215,227)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#c6e7ef
```
#c6e7ef rgb(198,231,239)
```
#daeff4
```
#daeff4 rgb(218,239,244)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```

Monochromatic Color

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

#b2e9e5
```
#b2e9e5 rgb(178,233,229)
```
#b2e8e9
```
#b2e8e9 rgb(178,232,233)
```
#b2e4e9
```
#b2e4e9 rgb(178,228,233)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#b2dae9
```
#b2dae9 rgb(178,218,233)
```
#b2d6e9
```
#b2d6e9 rgb(178,214,233)
```
#b2d1e9
```
#b2d1e9 rgb(178,209,233)
```

Similar Colors

Text with hexadecimal color #b2dfe9

This text has a font color of #b2dfe9.

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

#b2dfe9 background color

This paragraph has a background color of #b2dfe9.

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

#b2dfe9 border color

This element has a border color of #b2dfe9.

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

CSS codes

.text {color:#b2dfe9;}

.background {background-color:#b2dfe9;}

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

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, #040d0f is the darkest color, while #feffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#091a1e
```
#091a1e rgb(9,26,30)
```
#0d272d
```
#0d272d rgb(13,39,45)
```
#11343c
```
#11343c rgb(17,52,60)
```
#16424c
```
#16424c rgb(22,66,76)
```
#1a4f5b
```
#1a4f5b rgb(26,79,91)
```
#1e5c6a
```
#1e5c6a rgb(30,92,106)
```
#236a79
```
#236a79 rgb(35,106,121)
```
#277789
```
#277789 rgb(39,119,137)
```
#2b8498
```
#2b8498 rgb(43,132,152)
```
#3091a7
```
#3091a7 rgb(48,145,167)
```
#349fb6
```
#349fb6 rgb(52,159,182)
```
#38acc6
```
#38acc6 rgb(56,172,198)
```

Shade Color Variation

#47b3ca
```
#47b3ca rgb(71,179,202)
```
#56b9cf
```
#56b9cf rgb(86,185,207)
```
#66bfd3
```
#66bfd3 rgb(102,191,211)
```
#75c6d8
```
#75c6d8 rgb(117,198,216)
```
#84ccdc
```
#84ccdc rgb(132,204,220)
```
#93d2e0
```
#93d2e0 rgb(147,210,224)
```
#a3d9e5
```
#a3d9e5 rgb(163,217,229)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#c1e5ed
```
#c1e5ed rgb(193,229,237)
```
#d1ecf2
```
#d1ecf2 rgb(209,236,242)
```
#e0f2f6
```
#e0f2f6 rgb(224,242,246)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cdcece
```
#cdcece rgb(205,206,206)
```
#c9d0d2
```
#c9d0d2 rgb(201,208,210)
```
#c5d3d6
```
#c5d3d6 rgb(197,211,214)
```
#c1d5da
```
#c1d5da rgb(193,213,218)
```
#bdd8de
```
#bdd8de rgb(189,216,222)
```
#badae1
```
#badae1 rgb(186,218,225)
```
#b6dde5
```
#b6dde5 rgb(182,221,229)
```
#b2dfe9
```
#b2dfe9 rgb(178,223,233)
```
#aee1ed
```
#aee1ed rgb(174,225,237)
```
#aae4f1
```
#aae4f1 rgb(170,228,241)
```
#a7e6f4
```
#a7e6f4 rgb(167,230,244)
```
#a3e9f8
```
#a3e9f8 rgb(163,233,248)
```
#9febfc
```
#9febfc rgb(159,235,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ccd5d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d8e5 Protanopia 1% of men
#e3d3ee Deuteranopia 1% of men
#b7dfef Tritanopia 0.001% of the population

Trichromacy

#cadae6 Protanomaly 1% of men, 0.01% of women
#d1d7ec Deuteranomaly 6% of men, 0.4% of women
#b5dfed Tritanomaly 0.01% of the population

#b2dfe9 hex color

#b2dfe9 Color Information

#b2dfe9 Color Conversion

Color Schemes with #b2dfe9

Alternatives to #b2dfe9

#b2dfe9 Preview

Shades and Tints of #b2dfe9

Tones of #b2dfe9

Color Blindness Simulator