#b2daf7 hex color

In a RGB color space, hex #b2daf7 is composed of 69.8% red, 85.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 11.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 205.2 degrees, a saturation of 81.2% and a lightness of 83.3%. #b2daf7 color hex could be obtained by blending #ffffff with #65b5ef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 85
- B 97
RGB color chart
- C 28
- M 12
- Y 0
- K 3
CMYK color chart

● #b2daf7 color description : Very soft blue.

The hexadecimal color #b2daf7 has RGB values of R:178, G:218, B:247 and CMYK values of C:0.28, M:0.12, Y:0, K:0.03. Its decimal value is 11721463.

Hex triplet	b2daf7	`#b2daf7`
RGB Decimal	178, 218, 247	`rgb(178,218,247)`
RGB Percent	69.8, 85.5, 96.9	`rgb(69.8%,85.5%,96.9%)`
CMYK	28, 12, 0, 3
HSL	205.2°, 81.2, 83.3	`hsl(205.2,81.2%,83.3%)`
HSV (or HSB)	205.2°, 27.9, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.16, -6.602, -18.437
XYZ	60.216, 66.321, 97.619
xyY	0.269, 0.296, 66.321
CIE-LCH	85.16, 19.583, 250.298
CIE-LUV	85.16, -21.192, -28.234
Hunter-Lab	81.438, -10.531, -14.064
Binary	10110010, 11011010, 11110111

#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#f7cfb2
```
#f7cfb2 rgb(247,207,178)
```

Complementary Color

#b2f7f2
```
#b2f7f2 rgb(178,247,242)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#b2b8f7
```
#b2b8f7 rgb(178,184,247)
```

Analogous Color

#f7f2b2
```
#f7f2b2 rgb(247,242,178)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#f7b2b8
```
#f7b2b8 rgb(247,178,184)
```

Split Complementary Color

#daf7b2
```
#daf7b2 rgb(218,247,178)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#f7b2da
```
#f7b2da rgb(247,178,218)
```

Triadic Color

#b2f7cf
```
#b2f7cf rgb(178,247,207)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#f7b2da
```
#f7b2da rgb(247,178,218)
```
#f7cfb2
```
#f7cfb2 rgb(247,207,178)
```

Tetradic Color

#6db9f0
```
#6db9f0 rgb(109,185,240)
```
#84c4f2
```
#84c4f2 rgb(132,196,242)
```
#9bcff5
```
#9bcff5 rgb(155,207,245)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#c9e5f9
```
#c9e5f9 rgb(201,229,249)
```
#e0f0fc
```
#e0f0fc rgb(224,240,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Monochromatic Color

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

#b2ebf7
```
#b2ebf7 rgb(178,235,247)
```
#b2e6f7
```
#b2e6f7 rgb(178,230,247)
```
#b2e0f7
```
#b2e0f7 rgb(178,224,247)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#b2d4f7
```
#b2d4f7 rgb(178,212,247)
```
#b2cff7
```
#b2cff7 rgb(178,207,247)
```
#b2c9f7
```
#b2c9f7 rgb(178,201,247)
```

Similar Colors

Text with hexadecimal color #b2daf7

This text has a font color of #b2daf7.

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

#b2daf7 background color

This paragraph has a background color of #b2daf7.

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

#b2daf7 border color

This element has a border color of #b2daf7.

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

CSS codes

.text {color:#b2daf7;}

.background {background-color:#b2daf7;}

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

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, #01070c is the darkest color, while #f9fcfe is the lightest one.

#01070c
```
#01070c rgb(1,7,12)
```
#03121e
```
#03121e rgb(3,18,30)
```
#051e2f
```
#051e2f rgb(5,30,47)
```
#072941
```
#072941 rgb(7,41,65)
```
#093453
```
#093453 rgb(9,52,83)
```
#0a3f65
```
#0a3f65 rgb(10,63,101)
```
#0c4a76
```
#0c4a76 rgb(12,74,118)
```
#0e5588
```
#0e5588 rgb(14,85,136)
```
#10609a
```
#10609a rgb(16,96,154)
```
#126bac
```
#126bac rgb(18,107,172)
```
#1476be
```
#1476be rgb(20,118,190)
```
#1681cf
```
#1681cf rgb(22,129,207)
```
#178ce1
```
#178ce1 rgb(23,140,225)
```

Shade Color Variation

#2496e8
```
#2496e8 rgb(36,150,232)
```
#369eea
```
#369eea rgb(54,158,234)
```
#47a7ec
```
#47a7ec rgb(71,167,236)
```
#59afee
```
#59afee rgb(89,175,238)
```
#6bb8f0
```
#6bb8f0 rgb(107,184,240)
```
#7dc0f1
```
#7dc0f1 rgb(125,192,241)
```
#8ec9f3
```
#8ec9f3 rgb(142,201,243)
```
#a0d1f5
```
#a0d1f5 rgb(160,209,245)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#c4e3f9
```
#c4e3f9 rgb(196,227,249)
```
#d6ebfb
```
#d6ebfb rgb(214,235,251)
```
#e7f4fd
```
#e7f4fd rgb(231,244,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#d3d5d6
```
#d3d5d6 rgb(211,213,214)
```
#cfd5da
```
#cfd5da rgb(207,213,218)
```
#ccd6dd
```
#ccd6dd rgb(204,214,221)
```
#c9d6e0
```
#c9d6e0 rgb(201,214,224)
```
#c6d7e3
```
#c6d7e3 rgb(198,215,227)
```
#c2d7e7
```
#c2d7e7 rgb(194,215,231)
```
#bfd8ea
```
#bfd8ea rgb(191,216,234)
```
#bcd8ed
```
#bcd8ed rgb(188,216,237)
```
#b9d9f0
```
#b9d9f0 rgb(185,217,240)
```
#b5d9f4
```
#b5d9f4 rgb(181,217,244)
```
#b2daf7
```
#b2daf7 rgb(178,218,247)
```
#afdbfa
```
#afdbfa rgb(175,219,250)
```
#abdbfe
```
#abdbfe rgb(171,219,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cbd3d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d5f3 Protanopia 1% of men
#d8d2fa Deuteranopia 1% of men
#b3dded Tritanopia 0.001% of the population

Trichromacy

#c6d7f4 Protanomaly 1% of men, 0.01% of women
#cad5f9 Deuteranomaly 6% of men, 0.4% of women
#b2dcf1 Tritanomaly 0.01% of the population

#b2daf7 hex color

#b2daf7 Color Information

#b2daf7 Color Conversion

Color Schemes with #b2daf7

Alternatives to #b2daf7

#b2daf7 Preview

Shades and Tints of #b2daf7

Tones of #b2daf7

Color Blindness Simulator