celeste/#b2ffff hex color code/very pale cyan

#b2ffff Color Informations

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

Color #b2ffff contains mostly Cyan color, is a cool color and closest websafe color is #99ffff. #b2ffff color hex could be obtained by blending #ffffff with #65ffff. 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.

#b2ffff color description : very pale cyan.

#b2ffff Color Conversion

- Hex triplet b2, ff, ff
- RGB Decimal 178, 255, 255
- RGB Octal 262, 377, 377
- RGB Binary 10110010, 11111111, 11111111
- RGB Percent 69.8%, 100%, 100%
- XYZ 72.1701, 88.205, 107.8292
- xyY 0.2691, 0.3289, 88.205
- CMYK 30.2%, 0%, 0%, 0%
- HSL 180°, 100, 84.9
- HSV(HSB) 180°, 30.2, 100
- CIE-L*AB 95.247, -23.362, -7.547
- CIE-L*CH 95.247, 24.551, 197.904
- CIE-L*UV 95.247, -36.996, -7.997
- Hunter-Lab 93.918, -27.189, -2.33

#b2ffff Color Analysis

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

R-G-B component

#b2ffff #b2ffff
rgb(178,255,255)
#e5e5e5 Average: #e5e5e5
rgb(229,229,229)
#eeeeee Luma: #eeeeee
rgb(238,238,238)
#e7e7e7 rec601 Luma: #e7e7e7
rgb(231,231,231)

Grayscale

#b2ffff #b2ffff
rgb(178,255,255)
#99ffff Closest websafe: #99ffff
rgb(153,255,255)
#4d0000 Inverse color: #4d0000
rgb(77,0,0)

Closest websafe, Inverse

Color Schemes with #b2ffff

Complementary Color of #b2ffff is #ffb2b2. Split Complementary Colors of #b2ffff are #ffd9b2 and #ffb2d9. Analogous Colors of #b2ffff are #b2ffd9 and #b2d9ff. Triadic Colors of #b2ffff are #ffffb2 and #ffb2ff

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

Complementary Color

#ffd9b2 #ffd9b2
rgb(255,217,178)
#b2ffff #b2ffff
rgb(178,255,255)
#ffb2d9 #ffb2d9
rgb(255,178,217)

Split Complementary Color

#b2ffd9 #b2ffd9
rgb(178,255,217)
#b2ffff #b2ffff
rgb(178,255,255)
#b2d9ff #b2d9ff
rgb(178,217,255)

Analogous Color

#ffffb2 #ffffb2
rgb(255,255,178)
#b2ffff #b2ffff
rgb(178,255,255)
#ffb2ff #ffb2ff
rgb(255,178,255)

Triadic Color

#b2ffb2 #b2ffb2
rgb(178,255,178)
#b2ffff #b2ffff
rgb(178,255,255)
#ffb2ff #ffb2ff
rgb(255,178,255)
#ffb2b2 #ffb2b2
rgb(255,178,178)

Tetradic Color

#66ffff #66ffff
rgb(102,255,255)
#7fffff #7fffff
rgb(127,255,255)
#99ffff #99ffff
rgb(153,255,255)
#b2ffff #b2ffff
rgb(178,255,255)
#ccffff #ccffff
rgb(204,255,255)
#e5ffff #e5ffff
rgb(229,255,255)
#ffffff #ffffff
rgb(255,255,255)

Monochromatic Color

Shades and Tints of #b2ffff

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

#000101 #000101
rgb(0,1,1)
#001515 #001515
rgb(0,21,21)
#002929 #002929
rgb(0,41,41)
#003c3c #003c3c
rgb(0,60,60)
#005050 #005050
rgb(0,80,80)
#006464 #006464
rgb(0,100,100)
#007777 #007777
rgb(0,119,119)
#008b8b #008b8b
rgb(0,139,139)
#009e9e #009e9e
rgb(0,158,158)
#00b2b2 #00b2b2
rgb(0,178,178)
#00c6c6 #00c6c6
rgb(0,198,198)
#00d9d9 #00d9d9
rgb(0,217,217)
#00eded #00eded
rgb(0,237,237)

Shade Color Variation

#01ffff #01ffff
rgb(1,255,255)
#15ffff #15ffff
rgb(21,255,255)
#29ffff #29ffff
rgb(41,255,255)
#3cffff #3cffff
rgb(60,255,255)
#50ffff #50ffff
rgb(80,255,255)
#64ffff #64ffff
rgb(100,255,255)
#77ffff #77ffff
rgb(119,255,255)
#8bffff #8bffff
rgb(139,255,255)
#9effff #9effff
rgb(158,255,255)
#b2ffff #b2ffff
rgb(178,255,255)
#c6ffff #c6ffff
rgb(198,255,255)
#d9ffff #d9ffff
rgb(217,255,255)
#edffff #edffff
rgb(237,255,255)

Tint Color Variation

Tones of #b2ffff

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

#d9d9d9 #d9d9d9
rgb(217,217,217)
#d6dbdb #d6dbdb
rgb(214,219,219)
#d3dede #d3dede
rgb(211,222,222)
#d0e1e1 #d0e1e1
rgb(208,225,225)
#cde4e4 #cde4e4
rgb(205,228,228)
#cae7e7 #cae7e7
rgb(202,231,231)
#c7eaea #c7eaea
rgb(199,234,234)
#c4eded #c4eded
rgb(196,237,237)
#c1f0f0 #c1f0f0
rgb(193,240,240)
#bef3f3 #bef3f3
rgb(190,243,243)
#bbf6f6 #bbf6f6
rgb(187,246,246)
#b8f9f9 #b8f9f9
rgb(184,249,249)
#b5fcfc #b5fcfc
rgb(181,252,252)

Tone Color Variation

Alternatives to #b2ffff

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

#b2ffd9 #b2ffd9
rgb(178,255,217)
#b2ffdf #b2ffdf
rgb(178,255,223)
#b2ffe5 #b2ffe5
rgb(178,255,229)
#b2ffec #b2ffec
rgb(178,255,236)
#b2fff2 #b2fff2
rgb(178,255,242)
#b2fff9 #b2fff9
rgb(178,255,249)
#b2ffff #b2ffff
rgb(178,255,255)
#b2f9ff #b2f9ff
rgb(178,249,255)
#b2f2ff #b2f2ff
rgb(178,242,255)
#b2ecff #b2ecff
rgb(178,236,255)
#b2e5ff #b2e5ff
rgb(178,229,255)
#b2dfff #b2dfff
rgb(178,223,255)
#b2d9ff #b2d9ff
rgb(178,217,255)

Similar Color

#b2ffff Preview in HTML

Text with hexadecimal color #b2ffff

This text has a font color of #b2ffff.

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

Text shadow with hexadecimal color #b2ffff

#b2ffff Text Shadow.

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

#b2ffff background color

This paragraph has a background color of #b2ffff.

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

#b2ffff border color

This element has a border color of #b2ffff.

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

CSS codes with #b2ffff color

.text{color:#b2ffff;}

.background{background-color:#b2ffff;}

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

Download #b2ffff color images

Solid color background with hex color code #b2ffff(with the name celeste). 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

#b2fffe #b2fffe
#77249a #77249a
#204fff #204fff
#68c092 #68c092
#ca836a #ca836a
#d712e2 #d712e2
#b8f576 #b8f576
#12bafe #12bafe
#21131e #21131e
#ac9b1c #ac9b1c
#14968f #14968f
#111082 #111082
#b300ff #b300ff