#b3d6ff hex color

In a RGB color space, hex #b3d6ff is composed of 70.2% red, 83.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 16.1% magenta, 0% yellow and 0% black. It has a hue angle of 212.4 degrees, a saturation of 100% and a lightness of 85.1%. #b3d6ff color hex could be obtained by blending #ffffff with #67adff. Closest websafe color is: #ccccff.

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

● #b3d6ff color description : Pale blue.

The hexadecimal color #b3d6ff has RGB values of R:179, G:214, B:255 and CMYK values of C:0.3, M:0.16, Y:0, K:0. Its decimal value is 11785983.

Hex triplet	b3d6ff	`#b3d6ff`
RGB Decimal	179, 214, 255	`rgb(179,214,255)`
RGB Percent	70.2, 83.9, 100	`rgb(70.2%,83.9%,100%)`
CMYK	30, 16, 0, 0
HSL	212.4°, 100, 85.1	`hsl(212.4,100%,85.1%)`
HSV (or HSB)	212.4°, 29.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.43, -2.347, -23.766
XYZ	60.683, 64.895, 103.931
xyY	0.264, 0.283, 64.895
CIE-LCH	84.43, 23.882, 264.36
CIE-LUV	84.43, -19.198, -37.741
Hunter-Lab	80.557, -6.514, -20.103
Binary	10110011, 11010110, 11111111

#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#ffdcb3
```
#ffdcb3 rgb(255,220,179)
```

Complementary Color

#b3fcff
```
#b3fcff rgb(179,252,255)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#b6b3ff
```
#b6b3ff rgb(182,179,255)
```

Analogous Color

#fcffb3
```
#fcffb3 rgb(252,255,179)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#ffb6b3
```
#ffb6b3 rgb(255,182,179)
```

Split Complementary Color

#d6ffb3
```
#d6ffb3 rgb(214,255,179)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#ffb3d6
```
#ffb3d6 rgb(255,179,214)
```

Triadic Color

#b3ffdc
```
#b3ffdc rgb(179,255,220)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#ffb3d6
```
#ffb3d6 rgb(255,179,214)
```
#ffdcb3
```
#ffdcb3 rgb(255,220,179)
```

Tetradic Color

#67adff
```
#67adff rgb(103,173,255)
```
#80baff
```
#80baff rgb(128,186,255)
```
#9ac8ff
```
#9ac8ff rgb(154,200,255)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#cde4ff
```
#cde4ff rgb(205,228,255)
```
#e6f2ff
```
#e6f2ff rgb(230,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b3e9ff
```
#b3e9ff rgb(179,233,255)
```
#b3e3ff
```
#b3e3ff rgb(179,227,255)
```
#b3dcff
```
#b3dcff rgb(179,220,255)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#b3d0ff
```
#b3d0ff rgb(179,208,255)
```
#b3c9ff
```
#b3c9ff rgb(179,201,255)
```
#b3c3ff
```
#b3c3ff rgb(179,195,255)
```

Similar Colors

Text with hexadecimal color #b3d6ff

This text has a font color of #b3d6ff.

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

#b3d6ff background color

This paragraph has a background color of #b3d6ff.

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

#b3d6ff border color

This element has a border color of #b3d6ff.

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

CSS codes

.text {color:#b3d6ff;}

.background {background-color:#b3d6ff;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000a16
```
#000a16 rgb(0,10,22)
```
#00132a
```
#00132a rgb(0,19,42)
```
#001c3d
```
#001c3d rgb(0,28,61)
```
#002551
```
#002551 rgb(0,37,81)
```
#002e65
```
#002e65 rgb(0,46,101)
```
#003778
```
#003778 rgb(0,55,120)
```
#00408c
```
#00408c rgb(0,64,140)
```
#00499f
```
#00499f rgb(0,73,159)
```
#0052b3
```
#0052b3 rgb(0,82,179)
```
#005bc7
```
#005bc7 rgb(0,91,199)
```
#0065da
```
#0065da rgb(0,101,218)
```
#006eee
```
#006eee rgb(0,110,238)
```

Shade Color Variation

#0277ff
```
#0277ff rgb(2,119,255)
```
#1681ff
```
#1681ff rgb(22,129,255)
```
#2a8cff
```
#2a8cff rgb(42,140,255)
```
#3d97ff
```
#3d97ff rgb(61,151,255)
```
#51a1ff
```
#51a1ff rgb(81,161,255)
```
#65acff
```
#65acff rgb(101,172,255)
```
#78b6ff
```
#78b6ff rgb(120,182,255)
```
#8cc1ff
```
#8cc1ff rgb(140,193,255)
```
#9fcbff
```
#9fcbff rgb(159,203,255)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```
#c7e1ff
```
#c7e1ff rgb(199,225,255)
```
#daebff
```
#daebff rgb(218,235,255)
```
#eef6ff
```
#eef6ff rgb(238,246,255)
```

Tint Color Variation

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

#d6d9dc
```
#d6d9dc rgb(214,217,220)
```
#d3d9df
```
#d3d9df rgb(211,217,223)
```
#d0d8e2
```
#d0d8e2 rgb(208,216,226)
```
#cdd8e5
```
#cdd8e5 rgb(205,216,229)
```
#cad8e8
```
#cad8e8 rgb(202,216,232)
```
#c7d8eb
```
#c7d8eb rgb(199,216,235)
```
#c5d7ed
```
#c5d7ed rgb(197,215,237)
```
#c2d7f0
```
#c2d7f0 rgb(194,215,240)
```
#bfd7f3
```
#bfd7f3 rgb(191,215,243)
```
#bcd7f6
```
#bcd7f6 rgb(188,215,246)
```
#b9d6f9
```
#b9d6f9 rgb(185,214,249)
```
#b6d6fc
```
#b6d6fc rgb(182,214,252)
```
#b3d6ff
```
#b3d6ff rgb(179,214,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad1d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd3fb Protanopia 1% of men
#d1d1ff Deuteranopia 1% of men
#b1dbeb Tritanopia 0.001% of the population

Trichromacy

#c2d4fd Protanomaly 1% of men, 0.01% of women
#c6d2ff Deuteranomaly 6% of men, 0.4% of women
#b2d9f2 Tritanomaly 0.01% of the population

#b3d6ff hex color

#b3d6ff Color Information

#b3d6ff Color Conversion

Color Schemes with #b3d6ff

Alternatives to #b3d6ff

#b3d6ff Preview

Shades and Tints of #b3d6ff

Tones of #b3d6ff

Color Blindness Simulator