#b3c6ff hex color

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

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

● #b3c6ff color description : Pale blue.

The hexadecimal color #b3c6ff has RGB values of R:179, G:198, B:255 and CMYK values of C:0.3, M:0.22, Y:0, K:0. Its decimal value is 11781887.

Hex triplet	b3c6ff	`#b3c6ff`
RGB Decimal	179, 198, 255	`rgb(179,198,255)`
RGB Percent	70.2, 77.6, 100	`rgb(70.2%,77.6%,100%)`
CMYK	30, 22, 0, 0
HSL	225°, 100, 85.1	`hsl(225,100%,85.1%)`
HSV (or HSB)	225°, 29.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.287, 6.2, -30.095
XYZ	56.831, 57.191, 102.647
xyY	0.262, 0.264, 57.191
CIE-LCH	80.287, 30.727, 281.642
CIE-LUV	80.287, -12.431, -49.416
Hunter-Lab	75.624, 1.798, -27.539
Binary	10110011, 11000110, 11111111

#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#ffecb3
```
#ffecb3 rgb(255,236,179)
```

Complementary Color

#b3ecff
```
#b3ecff rgb(179,236,255)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#c6b3ff
```
#c6b3ff rgb(198,179,255)
```

Analogous Color

#ecffb3
```
#ecffb3 rgb(236,255,179)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#ffc6b3
```
#ffc6b3 rgb(255,198,179)
```

Split Complementary Color

#c6ffb3
```
#c6ffb3 rgb(198,255,179)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#ffb3c6
```
#ffb3c6 rgb(255,179,198)
```

Triadic Color

#b3ffec
```
#b3ffec rgb(179,255,236)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#ffb3c6
```
#ffb3c6 rgb(255,179,198)
```
#ffecb3
```
#ffecb3 rgb(255,236,179)
```

Tetradic Color

#678dff
```
#678dff rgb(103,141,255)
```
#80a0ff
```
#80a0ff rgb(128,160,255)
```
#9ab3ff
```
#9ab3ff rgb(154,179,255)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#cdd9ff
```
#cdd9ff rgb(205,217,255)
```
#e6ecff
```
#e6ecff rgb(230,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b3d9ff
```
#b3d9ff rgb(179,217,255)
```
#b3d3ff
```
#b3d3ff rgb(179,211,255)
```
#b3ccff
```
#b3ccff rgb(179,204,255)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#b3c0ff
```
#b3c0ff rgb(179,192,255)
```
#b3b9ff
```
#b3b9ff rgb(179,185,255)
```
#b3b3ff
```
#b3b3ff rgb(179,179,255)
```

Similar Colors

Text with hexadecimal color #b3c6ff

This text has a font color of #b3c6ff.

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

#b3c6ff background color

This paragraph has a background color of #b3c6ff.

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

#b3c6ff border color

This element has a border color of #b3c6ff.

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

CSS codes

.text {color:#b3c6ff;}

.background {background-color:#b3c6ff;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000616
```
#000616 rgb(0,6,22)
```
#000a2a
```
#000a2a rgb(0,10,42)
```
#000f3d
```
#000f3d rgb(0,15,61)
```
#001451
```
#001451 rgb(0,20,81)
```
#001965
```
#001965 rgb(0,25,101)
```
#001e78
```
#001e78 rgb(0,30,120)
```
#00238c
```
#00238c rgb(0,35,140)
```
#00289f
```
#00289f rgb(0,40,159)
```
#002db3
```
#002db3 rgb(0,45,179)
```
#0032c7
```
#0032c7 rgb(0,50,199)
```
#0037da
```
#0037da rgb(0,55,218)
```
#003bee
```
#003bee rgb(0,59,238)
```

Shade Color Variation

#0242ff
```
#0242ff rgb(2,66,255)
```
#1650ff
```
#1650ff rgb(22,80,255)
```
#2a5fff
```
#2a5fff rgb(42,95,255)
```
#3d6eff
```
#3d6eff rgb(61,110,255)
```
#517cff
```
#517cff rgb(81,124,255)
```
#658bff
```
#658bff rgb(101,139,255)
```
#789aff
```
#789aff rgb(120,154,255)
```
#8ca9ff
```
#8ca9ff rgb(140,169,255)
```
#9fb7ff
```
#9fb7ff rgb(159,183,255)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```
#c7d5ff
```
#c7d5ff rgb(199,213,255)
```
#dae3ff
```
#dae3ff rgb(218,227,255)
```
#eef2ff
```
#eef2ff rgb(238,242,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 #b3c6ff is the most saturated one.

#d6d8dc
```
#d6d8dc rgb(214,216,220)
```
#d3d6df
```
#d3d6df rgb(211,214,223)
```
#d0d5e2
```
#d0d5e2 rgb(208,213,226)
```
#cdd3e5
```
#cdd3e5 rgb(205,211,229)
```
#cad2e8
```
#cad2e8 rgb(202,210,232)
```
#c7d0eb
```
#c7d0eb rgb(199,208,235)
```
#c5cfed
```
#c5cfed rgb(197,207,237)
```
#c2cdf0
```
#c2cdf0 rgb(194,205,240)
```
#bfccf3
```
#bfccf3 rgb(191,204,243)
```
#bccaf6
```
#bccaf6 rgb(188,202,246)
```
#b9c9f9
```
#b9c9f9 rgb(185,201,249)
```
#b6c7fc
```
#b6c7fc rgb(182,199,252)
```
#b3c6ff
```
#b3c6ff rgb(179,198,255)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c3c7d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac7fe Protanopia 1% of men
#bec6ff Deuteranopia 1% of men
#aecfde Tritanopia 0.001% of the population

Trichromacy

#b8c7fe Protanomaly 1% of men, 0.01% of women
#bac6ff Deuteranomaly 6% of men, 0.4% of women
#b0cbea Tritanomaly 0.01% of the population

#b3c6ff hex color

#b3c6ff Color Information

#b3c6ff Color Conversion

Color Schemes with #b3c6ff

Alternatives to #b3c6ff

#b3c6ff Preview

Shades and Tints of #b3c6ff

Tones of #b3c6ff

Color Blindness Simulator