#8989ff hex color code/pale blue

#8989ff Color Informations

This page lists more detailed information about the hex color code #8989ff. In a RGB color space, hex #8989ff is composed of 137(53.73%) red, 137(53.73%) green and 255(100%) blue. Its decimal value is 9013759. In a CMYK color space, it is consist of 46.27% cyan, 46.27% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 76.86%.

Color #8989ff contains mostly Blue color, is a cool color and closest websafe color is #9999ff. #8989ff color hex could be obtained by blending #ffffff with #1313ff. Color #8989ff look like light slate blue #8470ff 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.

#8989ff color description : pale blue.

#8989ff Color Conversion

- Hex triplet 89, 89, ff
- RGB Decimal 137, 137, 255
- RGB Octal 211, 211, 377
- RGB Binary 10001001, 10001001, 11111111
- RGB Percent 53.73%, 53.73%, 100%
- XYZ 37.3122, 30.4297, 98.5147
- xyY 0.2244, 0.183, 30.4297
- CMYK 46.27%, 46.27%, 0%, 0%
- HSL 240°, 100, 76.86
- HSV(HSB) 240°, 46.27, 100
- CIE-L*AB 62.023, 29.8, -58.916
- CIE-L*CH 62.023, 66.024, 296.83
- CIE-L*UV 62.023, -7.055, -97.855
- Hunter-Lab 55.163, 24.202, -67.271

#8989ff Color Analysis

#890000 #890000
rgb(137,0,0)
#008900 #008900
rgb(0,137,0)
#0000ff #0000ff
rgb(0,0,255)

R-G-B component

#8989ff #8989ff
rgb(137,137,255)
#b0b0b0 Average: #b0b0b0
rgb(176,176,176)
#919191 Luma: #919191
rgb(145,145,145)
#969696 rec601 Luma: #969696
rgb(150,150,150)

Grayscale

#8989ff #8989ff
rgb(137,137,255)
#9999ff Closest websafe: #9999ff
rgb(153,153,255)
#8470ff Closest named color: light slate blue #8470ff
rgb(132,112,255)
#767600 Inverse color: #767600
rgb(118,118,0)

Closest websafe and named color, Inverse

Color Schemes with #8989ff

Complementary Color of #8989ff is #ffff89. Split Complementary Colors of #8989ff are #c4ff89 and #ffc489. Analogous Colors of #8989ff are #89c4ff and #c489ff. Triadic Colors of #8989ff are #89ff89 and #ff8989

#8989ff #8989ff
rgb(137,137,255)
#ffff89 #ffff89
rgb(255,255,137)

Complementary Color

#c4ff89 #c4ff89
rgb(196,255,137)
#8989ff #8989ff
rgb(137,137,255)
#ffc489 #ffc489
rgb(255,196,137)

Split Complementary Color

#89c4ff #89c4ff
rgb(137,196,255)
#8989ff #8989ff
rgb(137,137,255)
#c489ff #c489ff
rgb(196,137,255)

Analogous Color

#89ff89 #89ff89
rgb(137,255,137)
#8989ff #8989ff
rgb(137,137,255)
#ff8989 #ff8989
rgb(255,137,137)

Triadic Color

#89ffff #89ffff
rgb(137,255,255)
#8989ff #8989ff
rgb(137,137,255)
#ff8989 #ff8989
rgb(255,137,137)
#ffff89 #ffff89
rgb(255,255,137)

Tetradic Color

#3d3dff #3d3dff
rgb(61,61,255)
#5656ff #5656ff
rgb(86,86,255)
#7070ff #7070ff
rgb(112,112,255)
#8989ff #8989ff
rgb(137,137,255)
#a3a3ff #a3a3ff
rgb(163,163,255)
#bcbcff #bcbcff
rgb(188,188,255)
#d6d6ff #d6d6ff
rgb(214,214,255)

Monochromatic Color

Shades and Tints of #8989ff

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

#000013 #000013
rgb(0,0,19)
#000027 #000027
rgb(0,0,39)
#00003b #00003b
rgb(0,0,59)
#00004e #00004e
rgb(0,0,78)
#000062 #000062
rgb(0,0,98)
#000075 #000075
rgb(0,0,117)
#000089 #000089
rgb(0,0,137)
#00009d #00009d
rgb(0,0,157)
#0000b0 #0000b0
rgb(0,0,176)
#0000c4 #0000c4
rgb(0,0,196)
#0000d7 #0000d7
rgb(0,0,215)
#0000eb #0000eb
rgb(0,0,235)
#0000ff #0000ff
rgb(0,0,255)

Shade Color Variation

#1313ff #1313ff
rgb(19,19,255)
#2727ff #2727ff
rgb(39,39,255)
#3b3bff #3b3bff
rgb(59,59,255)
#4e4eff #4e4eff
rgb(78,78,255)
#6262ff #6262ff
rgb(98,98,255)
#7575ff #7575ff
rgb(117,117,255)
#8989ff #8989ff
rgb(137,137,255)
#9d9dff #9d9dff
rgb(157,157,255)
#b0b0ff #b0b0ff
rgb(176,176,255)
#c4c4ff #c4c4ff
rgb(196,196,255)
#d7d7ff #d7d7ff
rgb(215,215,255)
#ebebff #ebebff
rgb(235,235,255)
#ffffff #ffffff
rgb(255,255,255)

Tint Color Variation

Tones of #8989ff

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

#c4c4c4 #c4c4c4
rgb(196,196,196)
#bfbfc9 #bfbfc9
rgb(191,191,201)
#bbbbcd #bbbbcd
rgb(187,187,205)
#b6b6d2 #b6b6d2
rgb(182,182,210)
#b2b2d6 #b2b2d6
rgb(178,178,214)
#adaddb #adaddb
rgb(173,173,219)
#a9a9df #a9a9df
rgb(169,169,223)
#a4a4e4 #a4a4e4
rgb(164,164,228)
#a0a0e8 #a0a0e8
rgb(160,160,232)
#9b9bed #9b9bed
rgb(155,155,237)
#9797f1 #9797f1
rgb(151,151,241)
#9292f6 #9292f6
rgb(146,146,246)
#8e8efa #8e8efa
rgb(142,142,250)

Tone Color Variation

Alternatives to #8989ff

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

#89c4ff #89c4ff
rgb(137,196,255)
#89baff #89baff
rgb(137,186,255)
#89b0ff #89b0ff
rgb(137,176,255)
#89a7ff #89a7ff
rgb(137,167,255)
#899dff #899dff
rgb(137,157,255)
#8993ff #8993ff
rgb(137,147,255)
#8989ff #8989ff
rgb(137,137,255)
#9389ff #9389ff
rgb(147,137,255)
#9d89ff #9d89ff
rgb(157,137,255)
#a789ff #a789ff
rgb(167,137,255)
#b089ff #b089ff
rgb(176,137,255)
#ba89ff #ba89ff
rgb(186,137,255)
#c489ff #c489ff
rgb(196,137,255)

Similar Color

#8989ff Preview in HTML

Text with hexadecimal color #8989ff

This text has a font color of #8989ff.

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

Text shadow with hexadecimal color #8989ff

#8989ff Text Shadow.

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

#8989ff background color

This paragraph has a background color of #8989ff.

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

#8989ff border color

This element has a border color of #8989ff.

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

CSS codes with #8989ff color

.text{color:#8989ff;}

.background{background-color:#8989ff;}

.border{border:1px solid #8989ff;}

Download #8989ff color images

Solid color background with hex color code #8989ff. 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

#8989fe #8989fe
#31ae52 #31ae52
#a410c5 #a410c5
#803673 #803673
#37bf4d #37bf4d
#0f3bf3 #0f3bf3
#ab9c9d #ab9c9d
#357524 #357524
#909999 #909999
#c87877 #c87877
#ce92c0 #ce92c0
#9eb5fd #9eb5fd
#898aff #898aff