#b2d4fc hex color

In a RGB color space, hex #b2d4fc is composed of 69.8% red, 83.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 15.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 212.4 degrees, a saturation of 92.5% and a lightness of 84.3%. #b2d4fc color hex could be obtained by blending #ffffff with #65a9f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 83
- B 99
RGB color chart
- C 29
- M 16
- Y 0
- K 1
CMYK color chart

● #b2d4fc color description : Very soft blue.

The hexadecimal color #b2d4fc has RGB values of R:178, G:212, B:252 and CMYK values of C:0.29, M:0.16, Y:0, K:0.01. Its decimal value is 11719932.

Hex triplet	b2d4fc	`#b2d4fc`
RGB Decimal	178, 212, 252	`rgb(178,212,252)`
RGB Percent	69.8, 83.1, 98.8	`rgb(69.8%,83.1%,98.8%)`
CMYK	29, 16, 0, 1
HSL	212.4°, 92.5, 84.3	`hsl(212.4,92.5%,84.3%)`
HSV (or HSB)	212.4°, 29.4, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.746, -2.287, -23.223
XYZ	59.47, 63.579, 101.229
xyY	0.265, 0.283, 63.579
CIE-LCH	83.746, 23.336, 264.377
CIE-LUV	83.746, -18.718, -36.802
Hunter-Lab	79.736, -6.406, -19.456
Binary	10110010, 11010100, 11111100

#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#fcdab2
```
#fcdab2 rgb(252,218,178)
```

Complementary Color

#b2f9fc
```
#b2f9fc rgb(178,249,252)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#b5b2fc
```
#b5b2fc rgb(181,178,252)
```

Analogous Color

#f9fcb2
```
#f9fcb2 rgb(249,252,178)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#fcb5b2
```
#fcb5b2 rgb(252,181,178)
```

Split Complementary Color

#d4fcb2
```
#d4fcb2 rgb(212,252,178)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#fcb2d4
```
#fcb2d4 rgb(252,178,212)
```

Triadic Color

#b2fcda
```
#b2fcda rgb(178,252,218)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#fcb2d4
```
#fcb2d4 rgb(252,178,212)
```
#fcdab2
```
#fcdab2 rgb(252,218,178)
```

Tetradic Color

#68abf9
```
#68abf9 rgb(104,171,249)
```
#81b9fa
```
#81b9fa rgb(129,185,250)
```
#99c6fb
```
#99c6fb rgb(153,198,251)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#cbe2fd
```
#cbe2fd rgb(203,226,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Monochromatic Color

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

#b2e7fc
```
#b2e7fc rgb(178,231,252)
```
#b2e0fc
```
#b2e0fc rgb(178,224,252)
```
#b2dafc
```
#b2dafc rgb(178,218,252)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#b2cefc
```
#b2cefc rgb(178,206,252)
```
#b2c8fc
```
#b2c8fc rgb(178,200,252)
```
#b2c2fc
```
#b2c2fc rgb(178,194,252)
```

Similar Colors

Text with hexadecimal color #b2d4fc

This text has a font color of #b2d4fc.

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

#b2d4fc background color

This paragraph has a background color of #b2d4fc.

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

#b2d4fc border color

This element has a border color of #b2d4fc.

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

CSS codes

.text {color:#b2d4fc;}

.background {background-color:#b2d4fc;}

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

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

#010811
```
#010811 rgb(1,8,17)
```
#011124
```
#011124 rgb(1,17,36)
```
#021b37
```
#021b37 rgb(2,27,55)
```
#03244a
```
#03244a rgb(3,36,74)
```
#042d5d
```
#042d5d rgb(4,45,93)
```
#043670
```
#043670 rgb(4,54,112)
```
#053f83
```
#053f83 rgb(5,63,131)
```
#064896
```
#064896 rgb(6,72,150)
```
#0751a8
```
#0751a8 rgb(7,81,168)
```
#075abb
```
#075abb rgb(7,90,187)
```
#0863ce
```
#0863ce rgb(8,99,206)
```
#096ce1
```
#096ce1 rgb(9,108,225)
```
#0a75f4
```
#0a75f4 rgb(10,117,244)
```

Shade Color Variation

#1b80f6
```
#1b80f6 rgb(27,128,246)
```
#2e8af7
```
#2e8af7 rgb(46,138,247)
```
#4195f8
```
#4195f8 rgb(65,149,248)
```
#549ff8
```
#549ff8 rgb(84,159,248)
```
#66aaf9
```
#66aaf9 rgb(102,170,249)
```
#79b4fa
```
#79b4fa rgb(121,180,250)
```
#8cbffb
```
#8cbffb rgb(140,191,251)
```
#9fc9fb
```
#9fc9fb rgb(159,201,251)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```
#c5dffd
```
#c5dffd rgb(197,223,253)
```
#d8e9fd
```
#d8e9fd rgb(216,233,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d7da
```
#d4d7da rgb(212,215,218)
```
#d1d6dd
```
#d1d6dd rgb(209,214,221)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```
#cbd6e3
```
#cbd6e3 rgb(203,214,227)
```
#c8d6e6
```
#c8d6e6 rgb(200,214,230)
```
#c4d5ea
```
#c4d5ea rgb(196,213,234)
```
#c1d5ed
```
#c1d5ed rgb(193,213,237)
```
#bed5f0
```
#bed5f0 rgb(190,213,240)
```
#bbd5f3
```
#bbd5f3 rgb(187,213,243)
```
#b8d4f6
```
#b8d4f6 rgb(184,212,246)
```
#b5d4f9
```
#b5d4f9 rgb(181,212,249)
```
#b2d4fc
```
#b2d4fc rgb(178,212,252)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8cfd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad1f9 Protanopia 1% of men
#cfcffe Deuteranopia 1% of men
#b0d9e9 Tritanopia 0.001% of the population

Trichromacy

#c1d2fa Protanomaly 1% of men, 0.01% of women
#c4d0fd Deuteranomaly 6% of men, 0.4% of women
#b1d7f0 Tritanomaly 0.01% of the population

#b2d4fc hex color

#b2d4fc Color Information

#b2d4fc Color Conversion

Color Schemes with #b2d4fc

Alternatives to #b2d4fc

#b2d4fc Preview

Shades and Tints of #b2d4fc

Tones of #b2d4fc

Color Blindness Simulator