#6262ff hex color code/very light blue

#6262ff Color Informations

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

Color #6262ff contains mostly Blue color, is a cool color and closest websafe color is #6666ff. #6262ff color hex could be obtained by blending #c4c4ff with #0000ff. Color #6262ff look like neon blue #4d4dff 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.

#6262ff color description : very light blue.

#6262ff Color Conversion

- Hex triplet 62, 62, ff
- RGB Decimal 98, 98, 255
- RGB Octal 142, 142, 377
- RGB Binary 01100010, 01100010, 11111111
- RGB Percent 38.43%, 38.43%, 100%
- XYZ 27.4547, 18.552, 96.7416
- xyY 0.1923, 0.13, 18.552
- CMYK 61.57%, 61.57%, 0%, 0%
- HSL 240°, 100, 69.22
- HSV(HSB) 240°, 61.57, 100
- CIE-L*AB 50.159, 45.351, -78.204
- CIE-L*CH 50.159, 90.402, 300.11
- CIE-L*UV 50.159, -8.847, -122.699
- Hunter-Lab 43.072, 38.402, -103.017

#6262ff Color Analysis

#620000 #620000
rgb(98,0,0)
#006200 #006200
rgb(0,98,0)
#0000ff #0000ff
rgb(0,0,255)

R-G-B component

#6262ff #6262ff
rgb(98,98,255)
#969696 Average: #969696
rgb(150,150,150)
#6d6d6d Luma: #6d6d6d
rgb(109,109,109)
#737373 rec601 Luma: #737373
rgb(115,115,115)

Grayscale

#6262ff #6262ff
rgb(98,98,255)
#6666ff Closest websafe: #6666ff
rgb(102,102,255)
#4d4dff Closest named color: neon blue #4d4dff
rgb(77,77,255)
#9d9d00 Inverse color: #9d9d00
rgb(157,157,0)

Closest websafe and named color, Inverse

Color Schemes with #6262ff

Complementary Color of #6262ff is #ffff62. Split Complementary Colors of #6262ff are #b1ff62 and #ffb162. Analogous Colors of #6262ff are #62b1ff and #b162ff. Triadic Colors of #6262ff are #62ff62 and #ff6262

#6262ff #6262ff
rgb(98,98,255)
#ffff62 #ffff62
rgb(255,255,98)

Complementary Color

#b1ff62 #b1ff62
rgb(177,255,98)
#6262ff #6262ff
rgb(98,98,255)
#ffb162 #ffb162
rgb(255,177,98)

Split Complementary Color

#62b1ff #62b1ff
rgb(98,177,255)
#6262ff #6262ff
rgb(98,98,255)
#b162ff #b162ff
rgb(177,98,255)

Analogous Color

#62ff62 #62ff62
rgb(98,255,98)
#6262ff #6262ff
rgb(98,98,255)
#ff6262 #ff6262
rgb(255,98,98)

Triadic Color

#62ffff #62ffff
rgb(98,255,255)
#6262ff #6262ff
rgb(98,98,255)
#ff6262 #ff6262
rgb(255,98,98)
#ffff62 #ffff62
rgb(255,255,98)

Tetradic Color

#1616ff #1616ff
rgb(22,22,255)
#2f2fff #2f2fff
rgb(47,47,255)
#4949ff #4949ff
rgb(73,73,255)
#6262ff #6262ff
rgb(98,98,255)
#7c7cff #7c7cff
rgb(124,124,255)
#9595ff #9595ff
rgb(149,149,255)
#afafff #afafff
rgb(175,175,255)

Monochromatic Color

Shades and Tints of #6262ff

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

#000014 #000014
rgb(0,0,20)
#000027 #000027
rgb(0,0,39)
#00003b #00003b
rgb(0,0,59)
#00004e #00004e
rgb(0,0,78)
#000062 #000062
rgb(0,0,98)
#000076 #000076
rgb(0,0,118)
#000089 #000089
rgb(0,0,137)
#00009d #00009d
rgb(0,0,157)
#0000b0 #0000b0
rgb(0,0,176)
#0000c4 #0000c4
rgb(0,0,196)
#0000d8 #0000d8
rgb(0,0,216)
#0000eb #0000eb
rgb(0,0,235)
#0000ff #0000ff
rgb(0,0,255)

Shade Color Variation

#1414ff #1414ff
rgb(20,20,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)
#7676ff #7676ff
rgb(118,118,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)
#d8d8ff #d8d8ff
rgb(216,216,255)
#ebebff #ebebff
rgb(235,235,255)
#ffffff #ffffff
rgb(255,255,255)

Tint Color Variation

Tones of #6262ff

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

#b1b1b1 #b1b1b1
rgb(177,177,177)
#aaaab7 #aaaab7
rgb(170,170,183)
#a4a4bd #a4a4bd
rgb(164,164,189)
#9e9ec3 #9e9ec3
rgb(158,158,195)
#9898c9 #9898c9
rgb(152,152,201)
#9292cf #9292cf
rgb(146,146,207)
#8c8cd5 #8c8cd5
rgb(140,140,213)
#8686db #8686db
rgb(134,134,219)
#8080e1 #8080e1
rgb(128,128,225)
#7a7ae7 #7a7ae7
rgb(122,122,231)
#7474ed #7474ed
rgb(116,116,237)
#6e6ef3 #6e6ef3
rgb(110,110,243)
#6868f9 #6868f9
rgb(104,104,249)

Tone Color Variation

Alternatives to #6262ff

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

#62b1ff #62b1ff
rgb(98,177,255)
#62a3ff #62a3ff
rgb(98,163,255)
#6296ff #6296ff
rgb(98,150,255)
#6289ff #6289ff
rgb(98,137,255)
#627cff #627cff
rgb(98,124,255)
#626fff #626fff
rgb(98,111,255)
#6262ff #6262ff
rgb(98,98,255)
#6f62ff #6f62ff
rgb(111,98,255)
#7c62ff #7c62ff
rgb(124,98,255)
#8962ff #8962ff
rgb(137,98,255)
#9662ff #9662ff
rgb(150,98,255)
#a362ff #a362ff
rgb(163,98,255)
#b162ff #b162ff
rgb(177,98,255)

Similar Color

#6262ff Preview in HTML

Text with hexadecimal color #6262ff

This text has a font color of #6262ff.

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

Text shadow with hexadecimal color #6262ff

#6262ff Text Shadow.

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

#6262ff background color

This paragraph has a background color of #6262ff.

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

#6262ff border color

This element has a border color of #6262ff.

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

CSS codes with #6262ff color

.text{color:#6262ff;}

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

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

Download #6262ff color images

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

#6262fe #6262fe
#fd0b4a #fd0b4a
#9610ac #9610ac
#7ee9d2 #7ee9d2
#6b09ae #6b09ae
#e0f5cb #e0f5cb
#936d8c #936d8c
#9f9587 #9f9587
#67e136 #67e136
#6559c4 #6559c4
#89f4b8 #89f4b8
#b3f2c1 #b3f2c1
#6263ff #6263ff