#b2d5fe hex color

In a RGB color space, hex #b2d5fe is composed of 69.8% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.4 degrees, a saturation of 97.4% and a lightness of 84.7%. #b2d5fe color hex could be obtained by blending #ffffff with #65abfd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 84
- B 100
RGB color chart
- C 30
- M 16
- Y 0
- K 0
CMYK color chart

● #b2d5fe color description : Very soft blue.

The hexadecimal color #b2d5fe has RGB values of R:178, G:213, B:254 and CMYK values of C:0.3, M:0.16, Y:0, K:0. Its decimal value is 11720190.

Hex triplet	b2d5fe	`#b2d5fe`
RGB Decimal	178, 213, 254	`rgb(178,213,254)`
RGB Percent	69.8, 83.5, 99.6	`rgb(69.8%,83.5%,99.6%)`
CMYK	30, 16, 0, 0
HSL	212.4°, 97.4, 84.7	`hsl(212.4,97.4%,84.7%)`
HSV (or HSB)	212.4°, 29.9, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.074, -2.339, -23.784
XYZ	60.04, 64.208, 102.99
xyY	0.264, 0.283, 64.208
CIE-LCH	84.074, 23.899, 264.383
CIE-LUV	84.074, -19.189, -37.753
Hunter-Lab	80.13, -6.48, -20.115
Binary	10110010, 11010101, 11111110

#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#fedbb2
```
#fedbb2 rgb(254,219,178)
```

Complementary Color

#b2fbfe
```
#b2fbfe rgb(178,251,254)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#b5b2fe
```
#b5b2fe rgb(181,178,254)
```

Analogous Color

#fbfeb2
```
#fbfeb2 rgb(251,254,178)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#feb5b2
```
#feb5b2 rgb(254,181,178)
```

Split Complementary Color

#d5feb2
```
#d5feb2 rgb(213,254,178)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#feb2d5
```
#feb2d5 rgb(254,178,213)
```

Triadic Color

#b2fedb
```
#b2fedb rgb(178,254,219)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#feb2d5
```
#feb2d5 rgb(254,178,213)
```
#fedbb2
```
#fedbb2 rgb(254,219,178)
```

Tetradic Color

#66acfd
```
#66acfd rgb(102,172,253)
```
#80bafd
```
#80bafd rgb(128,186,253)
```
#99c7fe
```
#99c7fe rgb(153,199,254)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#cbe3fe
```
#cbe3fe rgb(203,227,254)
```
#e4f0ff
```
#e4f0ff rgb(228,240,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#b2e8fe
```
#b2e8fe rgb(178,232,254)
```
#b2e2fe
```
#b2e2fe rgb(178,226,254)
```
#b2dbfe
```
#b2dbfe rgb(178,219,254)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#b2cffe
```
#b2cffe rgb(178,207,254)
```
#b2c8fe
```
#b2c8fe rgb(178,200,254)
```
#b2c2fe
```
#b2c2fe rgb(178,194,254)
```

Similar Colors

Text with hexadecimal color #b2d5fe

This text has a font color of #b2d5fe.

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

#b2d5fe background color

This paragraph has a background color of #b2d5fe.

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

#b2d5fe border color

This element has a border color of #b2d5fe.

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

CSS codes

.text {color:#b2d5fe;}

.background {background-color:#b2d5fe;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000914
```
#000914 rgb(0,9,20)
```
#011227
```
#011227 rgb(1,18,39)
```
#011b3b
```
#011b3b rgb(1,27,59)
```
#01244e
```
#01244e rgb(1,36,78)
```
#012d61
```
#012d61 rgb(1,45,97)
```
#023775
```
#023775 rgb(2,55,117)
```
#024088
```
#024088 rgb(2,64,136)
```
#02499b
```
#02499b rgb(2,73,155)
```
#0252af
```
#0252af rgb(2,82,175)
```
#035bc2
```
#035bc2 rgb(3,91,194)
```
#0364d5
```
#0364d5 rgb(3,100,213)
```
#036de9
```
#036de9 rgb(3,109,233)
```

Shade Color Variation

#0476fc
```
#0476fc rgb(4,118,252)
```
#1781fc
```
#1781fc rgb(23,129,252)
```
#2a8bfc
```
#2a8bfc rgb(42,139,252)
```
#3e96fc
```
#3e96fc rgb(62,150,252)
```
#51a0fd
```
#51a0fd rgb(81,160,253)
```
#65abfd
```
#65abfd rgb(101,171,253)
```
#78b5fd
```
#78b5fd rgb(120,181,253)
```
#8bc0fd
```
#8bc0fd rgb(139,192,253)
```
#9fcafe
```
#9fcafe rgb(159,202,254)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```
#c5e0fe
```
#c5e0fe rgb(197,224,254)
```
#d9eaff
```
#d9eaff rgb(217,234,255)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d8dd
```
#d3d8dd rgb(211,216,221)
```
#d0d7e0
```
#d0d7e0 rgb(208,215,224)
```
#cdd7e3
```
#cdd7e3 rgb(205,215,227)
```
#cad7e6
```
#cad7e6 rgb(202,215,230)
```
#c7d7e9
```
#c7d7e9 rgb(199,215,233)
```
#c4d6ec
```
#c4d6ec rgb(196,214,236)
```
#c1d6ef
```
#c1d6ef rgb(193,214,239)
```
#bed6f2
```
#bed6f2 rgb(190,214,242)
```
#bbd6f5
```
#bbd6f5 rgb(187,214,245)
```
#b8d5f8
```
#b8d5f8 rgb(184,213,248)
```
#b5d5fb
```
#b5d5fb rgb(181,213,251)
```
#b2d5fe
```
#b2d5fe rgb(178,213,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d0d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fa Protanopia 1% of men
#d0d0ff Deuteranopia 1% of men
#b0daea Tritanopia 0.001% of the population

Trichromacy

#c1d3fc Protanomaly 1% of men, 0.01% of women
#c5d1fe Deuteranomaly 6% of men, 0.4% of women
#b1d8f1 Tritanomaly 0.01% of the population

#b2d5fe hex color

#b2d5fe Color Information

#b2d5fe Color Conversion

Color Schemes with #b2d5fe

Alternatives to #b2d5fe

#b2d5fe Preview

Shades and Tints of #b2d5fe

Tones of #b2d5fe

Color Blindness Simulator