#b2c6ff hex color

In a RGB color space, hex #b2c6ff is composed of 69.8% red, 77.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 22.4% magenta, 0% yellow and 0% black. It has a hue angle of 224.4 degrees, a saturation of 100% and a lightness of 84.9%. #b2c6ff color hex could be obtained by blending #ffffff with #658dff. Closest websafe color is: #99ccff.

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

● #b2c6ff color description : Pale blue.

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

Hex triplet	b2c6ff	`#b2c6ff`
RGB Decimal	178, 198, 255	`rgb(178,198,255)`
RGB Percent	69.8, 77.6, 100	`rgb(69.8%,77.6%,100%)`
CMYK	30, 22, 0, 0
HSL	224.4°, 100, 84.9	`hsl(224.4,100%,84.9%)`
HSV (or HSB)	224.4°, 30.2, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.22, 5.918, -30.203
XYZ	56.6, 57.072, 102.636
xyY	0.262, 0.264, 57.072
CIE-LCH	80.22, 30.777, 281.086
CIE-LUV	80.22, -12.883, -49.553
Hunter-Lab	75.546, 1.53, -27.669
Binary	10110010, 11000110, 11111111

#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#ffebb2
```
#ffebb2 rgb(255,235,178)
```

Complementary Color

#b2edff
```
#b2edff rgb(178,237,255)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#c5b2ff
```
#c5b2ff rgb(197,178,255)
```

Analogous Color

#edffb2
```
#edffb2 rgb(237,255,178)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#ffc5b2
```
#ffc5b2 rgb(255,197,178)
```

Split Complementary Color

#c6ffb2
```
#c6ffb2 rgb(198,255,178)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#ffb2c6
```
#ffb2c6 rgb(255,178,198)
```

Triadic Color

#b2ffeb
```
#b2ffeb rgb(178,255,235)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#ffb2c6
```
#ffb2c6 rgb(255,178,198)
```
#ffebb2
```
#ffebb2 rgb(255,235,178)
```

Tetradic Color

#668dff
```
#668dff rgb(102,141,255)
```
#7fa0ff
```
#7fa0ff rgb(127,160,255)
```
#99b3ff
```
#99b3ff rgb(153,179,255)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#ccd9ff
```
#ccd9ff rgb(204,217,255)
```
#e5ecff
```
#e5ecff rgb(229,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b2d9ff
```
#b2d9ff rgb(178,217,255)
```
#b2d3ff
```
#b2d3ff rgb(178,211,255)
```
#b2ccff
```
#b2ccff rgb(178,204,255)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#b2c0ff
```
#b2c0ff rgb(178,192,255)
```
#b2b9ff
```
#b2b9ff rgb(178,185,255)
```
#b2b3ff
```
#b2b3ff rgb(178,179,255)
```

Similar Colors

Text with hexadecimal color #b2c6ff

This text has a font color of #b2c6ff.

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

#b2c6ff background color

This paragraph has a background color of #b2c6ff.

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

#b2c6ff border color

This element has a border color of #b2c6ff.

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

CSS codes

.text {color:#b2c6ff;}

.background {background-color:#b2c6ff;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000515
```
#000515 rgb(0,5,21)
```
#000b29
```
#000b29 rgb(0,11,41)
```
#00103c
```
#00103c rgb(0,16,60)
```
#001550
```
#001550 rgb(0,21,80)
```
#001a64
```
#001a64 rgb(0,26,100)
```
#001f77
```
#001f77 rgb(0,31,119)
```
#00248b
```
#00248b rgb(0,36,139)
```
#00299e
```
#00299e rgb(0,41,158)
```
#002eb2
```
#002eb2 rgb(0,46,178)
```
#0033c6
```
#0033c6 rgb(0,51,198)
```
#0038d9
```
#0038d9 rgb(0,56,217)
```
#003eed
```
#003eed rgb(0,62,237)
```

Shade Color Variation

#0143ff
```
#0143ff rgb(1,67,255)
```
#1552ff
```
#1552ff rgb(21,82,255)
```
#2960ff
```
#2960ff rgb(41,96,255)
```
#3c6fff
```
#3c6fff rgb(60,111,255)
```
#507dff
```
#507dff rgb(80,125,255)
```
#648cff
```
#648cff rgb(100,140,255)
```
#779aff
```
#779aff rgb(119,154,255)
```
#8ba9ff
```
#8ba9ff rgb(139,169,255)
```
#9eb7ff
```
#9eb7ff rgb(158,183,255)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```
#c6d5ff
```
#c6d5ff rgb(198,213,255)
```
#d9e3ff
```
#d9e3ff rgb(217,227,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#d6d7db
```
#d6d7db rgb(214,215,219)
```
#d3d6de
```
#d3d6de rgb(211,214,222)
```
#d0d4e1
```
#d0d4e1 rgb(208,212,225)
```
#cdd3e4
```
#cdd3e4 rgb(205,211,228)
```
#cad1e7
```
#cad1e7 rgb(202,209,231)
```
#c7d0ea
```
#c7d0ea rgb(199,208,234)
```
#c4cfed
```
#c4cfed rgb(196,207,237)
```
#c1cdf0
```
#c1cdf0 rgb(193,205,240)
```
#beccf3
```
#beccf3 rgb(190,204,243)
```
#bbcaf6
```
#bbcaf6 rgb(187,202,246)
```
#b8c9f9
```
#b8c9f9 rgb(184,201,249)
```
#b5c7fc
```
#b5c7fc rgb(181,199,252)
```
#b2c6ff
```
#b2c6ff rgb(178,198,255)
```

Tone Color Variation

Below, you can see how #b2c6ff 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
#adcfde Tritanopia 0.001% of the population

Trichromacy

#b7c7fe Protanomaly 1% of men, 0.01% of women
#b9c6ff Deuteranomaly 6% of men, 0.4% of women
#afcbea Tritanomaly 0.01% of the population

#b2c6ff hex color

#b2c6ff Color Information

#b2c6ff Color Conversion

Color Schemes with #b2c6ff

Alternatives to #b2c6ff

#b2c6ff Preview

Shades and Tints of #b2c6ff

Tones of #b2c6ff

Color Blindness Simulator