#7878ff hex color code/very light blue

#7878ff Color Informations

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

Color #7878ff contains mostly Blue color, is a cool color and closest websafe color is #6666ff. #7878ff color hex could be obtained by blending #f0f0ff with #0000ff. Color #7878ff 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.

#7878ff color description : very light blue.

#7878ff Color Conversion

- Hex triplet 78, 78, ff
- RGB Decimal 120, 120, 255
- RGB Octal 170, 170, 377
- RGB Binary 01111000, 01111000, 11111111
- RGB Percent 47.06%, 47.06%, 100%
- XYZ 32.5122, 24.646, 97.6513
- xyY 0.21, 0.1592, 24.646
- CMYK 52.94%, 52.94%, 0%, 0%
- HSL 240°, 100, 73.53
- HSV(HSB) 240°, 52.94, 100
- CIE-L*AB 56.729, 36.195, -67.477
- CIE-L*CH 56.729, 76.572, 298.209
- CIE-L*UV 56.729, -7.936, -110.069
- Hunter-Lab 49.645, 30.021, -81.872

#7878ff Color Analysis

#780000 #780000
rgb(120,0,0)
#007800 #007800
rgb(0,120,0)
#0000ff #0000ff
rgb(0,0,255)

R-G-B component

#7878ff #7878ff
rgb(120,120,255)
#a5a5a5 Average: #a5a5a5
rgb(165,165,165)
#818181 Luma: #818181
rgb(129,129,129)
#878787 rec601 Luma: #878787
rgb(135,135,135)

Grayscale

#7878ff #7878ff
rgb(120,120,255)
#6666ff Closest websafe: #6666ff
rgb(102,102,255)
#8470ff Closest named color: light slate blue #8470ff
rgb(132,112,255)
#878700 Inverse color: #878700
rgb(135,135,0)

Closest websafe and named color, Inverse

Color Schemes with #7878ff

Complementary Color of #7878ff is #ffff78. Split Complementary Colors of #7878ff are #bcff78 and #ffbc78. Analogous Colors of #7878ff are #78bcff and #bc78ff. Triadic Colors of #7878ff are #78ff78 and #ff7878

#7878ff #7878ff
rgb(120,120,255)
#ffff78 #ffff78
rgb(255,255,120)

Complementary Color

#bcff78 #bcff78
rgb(188,255,120)
#7878ff #7878ff
rgb(120,120,255)
#ffbc78 #ffbc78
rgb(255,188,120)

Split Complementary Color

#78bcff #78bcff
rgb(120,188,255)
#7878ff #7878ff
rgb(120,120,255)
#bc78ff #bc78ff
rgb(188,120,255)

Analogous Color

#78ff78 #78ff78
rgb(120,255,120)
#7878ff #7878ff
rgb(120,120,255)
#ff7878 #ff7878
rgb(255,120,120)

Triadic Color

#78ffff #78ffff
rgb(120,255,255)
#7878ff #7878ff
rgb(120,120,255)
#ff7878 #ff7878
rgb(255,120,120)
#ffff78 #ffff78
rgb(255,255,120)

Tetradic Color

#2c2cff #2c2cff
rgb(44,44,255)
#4545ff #4545ff
rgb(69,69,255)
#5f5fff #5f5fff
rgb(95,95,255)
#7878ff #7878ff
rgb(120,120,255)
#9292ff #9292ff
rgb(146,146,255)
#ababff #ababff
rgb(171,171,255)
#c5c5ff #c5c5ff
rgb(197,197,255)

Monochromatic Color

Shades and Tints of #7878ff

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

#000002 #000002
rgb(0,0,2)
#000016 #000016
rgb(0,0,22)
#00002a #00002a
rgb(0,0,42)
#00003d #00003d
rgb(0,0,61)
#000051 #000051
rgb(0,0,81)
#000064 #000064
rgb(0,0,100)
#000078 #000078
rgb(0,0,120)
#00008c #00008c
rgb(0,0,140)
#00009f #00009f
rgb(0,0,159)
#0000b3 #0000b3
rgb(0,0,179)
#0000c6 #0000c6
rgb(0,0,198)
#0000da #0000da
rgb(0,0,218)
#0000ee #0000ee
rgb(0,0,238)

Shade Color Variation

#0202ff #0202ff
rgb(2,2,255)
#1616ff #1616ff
rgb(22,22,255)
#2a2aff #2a2aff
rgb(42,42,255)
#3d3dff #3d3dff
rgb(61,61,255)
#5151ff #5151ff
rgb(81,81,255)
#6464ff #6464ff
rgb(100,100,255)
#7878ff #7878ff
rgb(120,120,255)
#8c8cff #8c8cff
rgb(140,140,255)
#9f9fff #9f9fff
rgb(159,159,255)
#b3b3ff #b3b3ff
rgb(179,179,255)
#c6c6ff #c6c6ff
rgb(198,198,255)
#dadaff #dadaff
rgb(218,218,255)
#eeeeff #eeeeff
rgb(238,238,255)

Tint Color Variation

Tones of #7878ff

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

#bcbcbc #bcbcbc
rgb(188,188,188)
#b6b6c1 #b6b6c1
rgb(182,182,193)
#b1b1c6 #b1b1c6
rgb(177,177,198)
#acaccb #acaccb
rgb(172,172,203)
#a7a7d0 #a7a7d0
rgb(167,167,208)
#a2a2d5 #a2a2d5
rgb(162,162,213)
#9c9cdb #9c9cdb
rgb(156,156,219)
#9797e0 #9797e0
rgb(151,151,224)
#9292e5 #9292e5
rgb(146,146,229)
#8d8dea #8d8dea
rgb(141,141,234)
#8888ef #8888ef
rgb(136,136,239)
#8282f5 #8282f5
rgb(130,130,245)
#7d7dfa #7d7dfa
rgb(125,125,250)

Tone Color Variation

Alternatives to #7878ff

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

#78bcff #78bcff
rgb(120,188,255)
#78b0ff #78b0ff
rgb(120,176,255)
#78a5ff #78a5ff
rgb(120,165,255)
#789aff #789aff
rgb(120,154,255)
#788fff #788fff
rgb(120,143,255)
#7883ff #7883ff
rgb(120,131,255)
#7878ff #7878ff
rgb(120,120,255)
#8378ff #8378ff
rgb(131,120,255)
#8f78ff #8f78ff
rgb(143,120,255)
#9a78ff #9a78ff
rgb(154,120,255)
#a578ff #a578ff
rgb(165,120,255)
#b078ff #b078ff
rgb(176,120,255)
#bc78ff #bc78ff
rgb(188,120,255)

Similar Color

#7878ff Preview in HTML

Text with hexadecimal color #7878ff

This text has a font color of #7878ff.

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

Text shadow with hexadecimal color #7878ff

#7878ff Text Shadow.

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

#7878ff background color

This paragraph has a background color of #7878ff.

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

#7878ff border color

This element has a border color of #7878ff.

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

CSS codes with #7878ff color

.text{color:#7878ff;}

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

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

Download #7878ff color images

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

#7878fe #7878fe
#dd8a73 #dd8a73
#aa723a #aa723a
#d75aa1 #d75aa1
#233d06 #233d06
#a0b770 #a0b770
#9a7eba #9a7eba
#f2bbdd #f2bbdd
#10349b #10349b
#ee16d6 #ee16d6
#05328a #05328a
#506392 #506392
#7879ff #7879ff