colorhexa.com

#b2eaf9 hex color

In a RGB color space, hex #b2eaf9 is composed of 69.8% red, 91.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 6% magenta, 0% yellow and 2.4% black. It has a hue angle of 192.7 degrees, a saturation of 85.5% and a lightness of 83.7%. #b2eaf9 color hex could be obtained by blending #ffffff with #65d5f3. Closest websafe color is: #99ffff.

- R 70
- G 92
- B 98
RGB color chart
- C 29
- M 6
- Y 0
- K 2
CMYK color chart

● #b2eaf9 color description : Very soft cyan.

The hexadecimal color #b2eaf9 has RGB values of R:178, G:234, B:249 and CMYK values of C:0.29, M:0.06, Y:0, K:0.02. Its decimal value is 11725561.

Hex triplet	b2eaf9	`#b2eaf9`
RGB Decimal	178, 234, 249	`rgb(178,234,249)`
RGB Percent	69.8, 91.8, 97.6	`rgb(69.8%,91.8%,97.6%)`
CMYK	29, 6, 0, 2
HSL	192.7°, 85.5, 83.7	`hsl(192.7,85.5%,83.7%)`
HSV (or HSB)	192.7°, 28.5, 97.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.462, -14.339, -13.03
XYZ	64.878, 75.148, 100.704
xyY	0.27, 0.312, 75.148
CIE-LCH	89.462, 19.375, 222.262
CIE-LUV	89.462, -28.1, -18.261
Hunter-Lab	86.688, -18.113, -8.195
Binary	10110010, 11101010, 11111001

#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#f9c1b2
```
#f9c1b2 rgb(249,193,178)
```

Complementary Color

#b2f9e5
```
#b2f9e5 rgb(178,249,229)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#b2c7f9
```
#b2c7f9 rgb(178,199,249)
```

Analogous Color

#f9e5b2
```
#f9e5b2 rgb(249,229,178)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#f9b2c7
```
#f9b2c7 rgb(249,178,199)
```

Split Complementary Color

#eaf9b2
```
#eaf9b2 rgb(234,249,178)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#f9b2ea
```
#f9b2ea rgb(249,178,234)
```

Triadic Color

#b2f9c1
```
#b2f9c1 rgb(178,249,193)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#f9b2ea
```
#f9b2ea rgb(249,178,234)
```
#f9c1b2
```
#f9c1b2 rgb(249,193,178)
```

Tetradic Color

#6bd7f3
```
#6bd7f3 rgb(107,215,243)
```
#83ddf5
```
#83ddf5 rgb(131,221,245)
```
#9ae4f7
```
#9ae4f7 rgb(154,228,247)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#caf0fb
```
#caf0fb rgb(202,240,251)
```
#e1f7fd
```
#e1f7fd rgb(225,247,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Monochromatic Color

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

#b2f9f6
```
#b2f9f6 rgb(178,249,246)
```
#b2f6f9
```
#b2f6f9 rgb(178,246,249)
```
#b2f0f9
```
#b2f0f9 rgb(178,240,249)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#b2e4f9
```
#b2e4f9 rgb(178,228,249)
```
#b2def9
```
#b2def9 rgb(178,222,249)
```
#b2d8f9
```
#b2d8f9 rgb(178,216,249)
```

Similar Colors

Text with hexadecimal color #b2eaf9

This text has a font color of #b2eaf9.

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

#b2eaf9 background color

This paragraph has a background color of #b2eaf9.

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

#b2eaf9 border color

This element has a border color of #b2eaf9.

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

CSS codes

.text {color:#b2eaf9;}

.background {background-color:#b2eaf9;}

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

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, #010b0e is the darkest color, while #fbfeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#031a20
```
#031a20 rgb(3,26,32)
```
#042932
```
#042932 rgb(4,41,50)
```
#053745
```
#053745 rgb(5,55,69)
```
#074657
```
#074657 rgb(7,70,87)
```
#085569
```
#085569 rgb(8,85,105)
```
#0a637b
```
#0a637b rgb(10,99,123)
```
#0b728d
```
#0b728d rgb(11,114,141)
```
#0c80a0
```
#0c80a0 rgb(12,128,160)
```
#0e8fb2
```
#0e8fb2 rgb(14,143,178)
```
#0f9ec4
```
#0f9ec4 rgb(15,158,196)
```
#11acd6
```
#11acd6 rgb(17,172,214)
```
#12bbe8
```
#12bbe8 rgb(18,187,232)
```

Shade Color Variation

#20c2ee
```
#20c2ee rgb(32,194,238)
```
#33c7ef
```
#33c7ef rgb(51,199,239)
```
#45ccf0
```
#45ccf0 rgb(69,204,240)
```
#57d1f2
```
#57d1f2 rgb(87,209,242)
```
#69d6f3
```
#69d6f3 rgb(105,214,243)
```
#7bdbf5
```
#7bdbf5 rgb(123,219,245)
```
#8ee0f6
```
#8ee0f6 rgb(142,224,246)
```
#a0e5f8
```
#a0e5f8 rgb(160,229,248)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#c4effa
```
#c4effa rgb(196,239,250)
```
#d6f4fc
```
#d6f4fc rgb(214,244,252)
```
#e9f9fd
```
#e9f9fd rgb(233,249,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#d5d6d6
```
#d5d6d6 rgb(213,214,214)
```
#d2d8d9
```
#d2d8d9 rgb(210,216,217)
```
#cfd9dc
```
#cfd9dc rgb(207,217,220)
```
#ccdbdf
```
#ccdbdf rgb(204,219,223)
```
#c8dde3
```
#c8dde3 rgb(200,221,227)
```
#c5dfe6
```
#c5dfe6 rgb(197,223,230)
```
#c2e1e9
```
#c2e1e9 rgb(194,225,233)
```
#bfe3ec
```
#bfe3ec rgb(191,227,236)
```
#bce4ef
```
#bce4ef rgb(188,228,239)
```
#b8e6f3
```
#b8e6f3 rgb(184,230,243)
```
#b5e8f6
```
#b5e8f6 rgb(181,232,246)
```
#b2eaf9
```
#b2eaf9 rgb(178,234,249)
```
#afecfc
```
#afecfc rgb(175,236,252)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d3dee1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0e0f3 Protanopia 1% of men
#e9ddfe Deuteranopia 1% of men
#b6eafb Tritanopia 0.001% of the population

Trichromacy

#cfe4f5 Protanomaly 1% of men, 0.01% of women
#d5e1fc Deuteranomaly 6% of men, 0.4% of women
#b4eafa Tritanomaly 0.01% of the population