#b2b2ff hex color code/very pale blue

#b2b2ff Color Informations

This page lists more detailed information about the hex color code #b2b2ff. In a RGB color space, hex #b2b2ff is composed of 178(69.8%) red, 178(69.8%) green and 255(100%) blue. Its decimal value is 11711231. In a CMYK color space, it is consist of 30.2% cyan, 30.2% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 84.9%.

Color #b2b2ff contains mostly Blue color, is a cool color and closest websafe color is #9999ff. #b2b2ff color hex could be obtained by blending #ffffff with #6565ff. Color #b2b2ff look like perano #acb9e8 color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#b2b2ff color description : very pale blue.

#b2b2ff Color Conversion

- Hex triplet b2, b2, ff
- RGB Decimal 178, 178, 255
- RGB Octal 262, 262, 377
- RGB Binary 10110010, 10110010, 11111111
- RGB Percent 69.8%, 69.8%, 100%
- XYZ 52.3305, 48.5258, 101.216
- xyY 0.259, 0.2401, 48.5258
- CMYK 30.2%, 30.2%, 0%, 0%
- HSL 240°, 100, 84.9
- HSV(HSB) 240°, 30.2, 100
- CIE-L*AB 75.155, 16.892, -38.027
- CIE-L*CH 75.155, 41.61, 293.952
- CIE-L*UV 75.155, -4.606, -63.894
- Hunter-Lab 69.66, 12.187, -37.386

#b2b2ff Color Analysis

#b20000 #b20000
rgb(178,0,0)
#00b200 #00b200
rgb(0,178,0)
#0000ff #0000ff
rgb(0,0,255)

R-G-B component

#b2b2ff #b2b2ff
rgb(178,178,255)
#cbcbcb Average: #cbcbcb
rgb(203,203,203)
#b7b7b7 Luma: #b7b7b7
rgb(183,183,183)
#bababa rec601 Luma: #bababa
rgb(186,186,186)

Grayscale

#b2b2ff #b2b2ff
rgb(178,178,255)
#9999ff Closest websafe: #9999ff
rgb(153,153,255)
#acb9e8 Closest named color: perano #acb9e8
rgb(172,185,232)
#4d4d00 Inverse color: #4d4d00
rgb(77,77,0)

Closest websafe and named color, Inverse

Color Schemes with #b2b2ff

Complementary Color of #b2b2ff is #ffffb2. Split Complementary Colors of #b2b2ff are #d9ffb2 and #ffd9b2. Analogous Colors of #b2b2ff are #b2d9ff and #d9b2ff. Triadic Colors of #b2b2ff are #b2ffb2 and #ffb2b2

#b2b2ff #b2b2ff
rgb(178,178,255)
#ffffb2 #ffffb2
rgb(255,255,178)

Complementary Color

#d9ffb2 #d9ffb2
rgb(217,255,178)
#b2b2ff #b2b2ff
rgb(178,178,255)
#ffd9b2 #ffd9b2
rgb(255,217,178)

Split Complementary Color

#b2d9ff #b2d9ff
rgb(178,217,255)
#b2b2ff #b2b2ff
rgb(178,178,255)
#d9b2ff #d9b2ff
rgb(217,178,255)

Analogous Color

#b2ffb2 #b2ffb2
rgb(178,255,178)
#b2b2ff #b2b2ff
rgb(178,178,255)
#ffb2b2 #ffb2b2
rgb(255,178,178)

Triadic Color

#b2ffff #b2ffff
rgb(178,255,255)
#b2b2ff #b2b2ff
rgb(178,178,255)
#ffb2b2 #ffb2b2
rgb(255,178,178)
#ffffb2 #ffffb2
rgb(255,255,178)

Tetradic Color

#6666ff #6666ff
rgb(102,102,255)
#7f7fff #7f7fff
rgb(127,127,255)
#9999ff #9999ff
rgb(153,153,255)
#b2b2ff #b2b2ff
rgb(178,178,255)
#ccccff #ccccff
rgb(204,204,255)
#e5e5ff #e5e5ff
rgb(229,229,255)
#ffffff #ffffff
rgb(255,255,255)

Monochromatic Color

Shades and Tints of #b2b2ff

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

#000001 #000001
rgb(0,0,1)
#000015 #000015
rgb(0,0,21)
#000029 #000029
rgb(0,0,41)
#00003c #00003c
rgb(0,0,60)
#000050 #000050
rgb(0,0,80)
#000064 #000064
rgb(0,0,100)
#000077 #000077
rgb(0,0,119)
#00008b #00008b
rgb(0,0,139)
#00009e #00009e
rgb(0,0,158)
#0000b2 #0000b2
rgb(0,0,178)
#0000c6 #0000c6
rgb(0,0,198)
#0000d9 #0000d9
rgb(0,0,217)
#0000ed #0000ed
rgb(0,0,237)

Shade Color Variation

#0101ff #0101ff
rgb(1,1,255)
#1515ff #1515ff
rgb(21,21,255)
#2929ff #2929ff
rgb(41,41,255)
#3c3cff #3c3cff
rgb(60,60,255)
#5050ff #5050ff
rgb(80,80,255)
#6464ff #6464ff
rgb(100,100,255)
#7777ff #7777ff
rgb(119,119,255)
#8b8bff #8b8bff
rgb(139,139,255)
#9e9eff #9e9eff
rgb(158,158,255)
#b2b2ff #b2b2ff
rgb(178,178,255)
#c6c6ff #c6c6ff
rgb(198,198,255)
#d9d9ff #d9d9ff
rgb(217,217,255)
#ededff #ededff
rgb(237,237,255)

Tint Color Variation

Tones of #b2b2ff

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

#d9d9d9 #d9d9d9
rgb(217,217,217)
#d6d6db #d6d6db
rgb(214,214,219)
#d3d3de #d3d3de
rgb(211,211,222)
#d0d0e1 #d0d0e1
rgb(208,208,225)
#cdcde4 #cdcde4
rgb(205,205,228)
#cacae7 #cacae7
rgb(202,202,231)
#c7c7ea #c7c7ea
rgb(199,199,234)
#c4c4ed #c4c4ed
rgb(196,196,237)
#c1c1f0 #c1c1f0
rgb(193,193,240)
#bebef3 #bebef3
rgb(190,190,243)
#bbbbf6 #bbbbf6
rgb(187,187,246)
#b8b8f9 #b8b8f9
rgb(184,184,249)
#b5b5fc #b5b5fc
rgb(181,181,252)

Tone Color Variation

Alternatives to #b2b2ff

Below, site show some colors close to #b2b2ff. 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)
#b2d2ff #b2d2ff
rgb(178,210,255)
#b2ccff #b2ccff
rgb(178,204,255)
#b2c5ff #b2c5ff
rgb(178,197,255)
#b2bfff #b2bfff
rgb(178,191,255)
#b2b8ff #b2b8ff
rgb(178,184,255)
#b2b2ff #b2b2ff
rgb(178,178,255)
#b8b2ff #b8b2ff
rgb(184,178,255)
#bfb2ff #bfb2ff
rgb(191,178,255)
#c5b2ff #c5b2ff
rgb(197,178,255)
#ccb2ff #ccb2ff
rgb(204,178,255)
#d2b2ff #d2b2ff
rgb(210,178,255)
#d9b2ff #d9b2ff
rgb(217,178,255)

Similar Color

#b2b2ff Preview in HTML

Text with hexadecimal color #b2b2ff

This text has a font color of #b2b2ff.

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

Text shadow with hexadecimal color #b2b2ff

#b2b2ff Text Shadow.

<span style="text-shadow:2px 2px 3px #b2b2ff;">Text here</span>

#b2b2ff background color

This paragraph has a background color of #b2b2ff.

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

#b2b2ff border color

This element has a border color of #b2b2ff.

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

CSS codes with #b2b2ff color

.text{color:#b2b2ff;}

.background{background-color:#b2b2ff;}

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

Download #b2b2ff color images

Solid color background with hex color code #b2b2ff. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -

Random color codes

#b2b2fe #b2b2fe
#0a8ad7 #0a8ad7
#201a57 #201a57
#f19abc #f19abc
#704d82 #704d82
#d79535 #d79535
#896e92 #896e92
#3a8778 #3a8778
#5d7623 #5d7623
#d53c54 #d53c54
#a852b4 #a852b4
#a1a9e8 #a1a9e8
#b2b3ff #b2b3ff