#b3d1ff hex color

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

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

● #b3d1ff color description : Pale blue.

The hexadecimal color #b3d1ff has RGB values of R:179, G:209, B:255 and CMYK values of C:0.3, M:0.18, Y:0, K:0. Its decimal value is 11784703.

Hex triplet	b3d1ff	`#b3d1ff`
RGB Decimal	179, 209, 255	`rgb(179,209,255)`
RGB Percent	70.2, 82, 100	`rgb(70.2%,82%,100%)`
CMYK	30, 18, 0, 0
HSL	216.3°, 100, 85.1	`hsl(216.3,100%,85.1%)`
HSV (or HSB)	216.3°, 29.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.127, 0.299, -25.749
XYZ	59.437, 62.403, 103.516
xyY	0.264, 0.277, 62.403
CIE-LCH	83.127, 25.751, 270.666
CIE-LUV	83.127, -17.075, -41.4
Hunter-Lab	78.996, -3.937, -22.397
Binary	10110011, 11010001, 11111111

#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#ffe1b3
```
#ffe1b3 rgb(255,225,179)
```

Complementary Color

#b3f7ff
```
#b3f7ff rgb(179,247,255)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#bbb3ff
```
#bbb3ff rgb(187,179,255)
```

Analogous Color

#f7ffb3
```
#f7ffb3 rgb(247,255,179)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#ffbbb3
```
#ffbbb3 rgb(255,187,179)
```

Split Complementary Color

#d1ffb3
```
#d1ffb3 rgb(209,255,179)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#ffb3d1
```
#ffb3d1 rgb(255,179,209)
```

Triadic Color

#b3ffe1
```
#b3ffe1 rgb(179,255,225)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#ffb3d1
```
#ffb3d1 rgb(255,179,209)
```
#ffe1b3
```
#ffe1b3 rgb(255,225,179)
```

Tetradic Color

#67a3ff
```
#67a3ff rgb(103,163,255)
```
#80b2ff
```
#80b2ff rgb(128,178,255)
```
#9ac2ff
```
#9ac2ff rgb(154,194,255)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#cde0ff
```
#cde0ff rgb(205,224,255)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b3e4ff
```
#b3e4ff rgb(179,228,255)
```
#b3deff
```
#b3deff rgb(179,222,255)
```
#b3d7ff
```
#b3d7ff rgb(179,215,255)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#b3cbff
```
#b3cbff rgb(179,203,255)
```
#b3c4ff
```
#b3c4ff rgb(179,196,255)
```
#b3beff
```
#b3beff rgb(179,190,255)
```

Similar Colors

Text with hexadecimal color #b3d1ff

This text has a font color of #b3d1ff.

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

#b3d1ff background color

This paragraph has a background color of #b3d1ff.

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

#b3d1ff border color

This element has a border color of #b3d1ff.

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

CSS codes

.text {color:#b3d1ff;}

.background {background-color:#b3d1ff;}

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

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 #eef5ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#00102a
```
#00102a rgb(0,16,42)
```
#00183d
```
#00183d rgb(0,24,61)
```
#002051
```
#002051 rgb(0,32,81)
```
#002865
```
#002865 rgb(0,40,101)
```
#002f78
```
#002f78 rgb(0,47,120)
```
#00378c
```
#00378c rgb(0,55,140)
```
#003f9f
```
#003f9f rgb(0,63,159)
```
#0047b3
```
#0047b3 rgb(0,71,179)
```
#004ec7
```
#004ec7 rgb(0,78,199)
```
#0056da
```
#0056da rgb(0,86,218)
```
#005eee
```
#005eee rgb(0,94,238)
```

Shade Color Variation

#0266ff
```
#0266ff rgb(2,102,255)
```
#1672ff
```
#1672ff rgb(22,114,255)
```
#2a7eff
```
#2a7eff rgb(42,126,255)
```
#3d8aff
```
#3d8aff rgb(61,138,255)
```
#5196ff
```
#5196ff rgb(81,150,255)
```
#65a2ff
```
#65a2ff rgb(101,162,255)
```
#78adff
```
#78adff rgb(120,173,255)
```
#8cb9ff
```
#8cb9ff rgb(140,185,255)
```
#9fc5ff
```
#9fc5ff rgb(159,197,255)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```
#c7ddff
```
#c7ddff rgb(199,221,255)
```
#dae9ff
```
#dae9ff rgb(218,233,255)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

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

#d6d8dc
```
#d6d8dc rgb(214,216,220)
```
#d3d8df
```
#d3d8df rgb(211,216,223)
```
#d0d7e2
```
#d0d7e2 rgb(208,215,226)
```
#cdd7e5
```
#cdd7e5 rgb(205,215,229)
```
#cad6e8
```
#cad6e8 rgb(202,214,232)
```
#c7d5eb
```
#c7d5eb rgb(199,213,235)
```
#c5d5ed
```
#c5d5ed rgb(197,213,237)
```
#c2d4f0
```
#c2d4f0 rgb(194,212,240)
```
#bfd3f3
```
#bfd3f3 rgb(191,211,243)
```
#bcd3f6
```
#bcd3f6 rgb(188,211,246)
```
#b9d2f9
```
#b9d2f9 rgb(185,210,249)
```
#b6d2fc
```
#b6d2fc rgb(182,210,252)
```
#b3d1ff
```
#b3d1ff rgb(179,209,255)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c8ced7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cffc Protanopia 1% of men
#cbcdff Deuteranopia 1% of men
#b0d7e7 Tritanopia 0.001% of the population

Trichromacy

#bfd0fd Protanomaly 1% of men, 0.01% of women
#c2cfff Deuteranomaly 6% of men, 0.4% of women
#b1d5ef Tritanomaly 0.01% of the population

#b3d1ff hex color

#b3d1ff Color Information

#b3d1ff Color Conversion

Color Schemes with #b3d1ff

Alternatives to #b3d1ff

#b3d1ff Preview

Shades and Tints of #b3d1ff

Tones of #b3d1ff

Color Blindness Simulator