#5f5fff Color Informations
This page lists more detailed information about the hex color code #5f5fff. In a RGB color space, hex #5f5fff is composed of 95(37.25%) red, 95(37.25%) green and 255(100%) blue. Its decimal value is 6250495. In a CMYK color space, it is consist of 62.75% cyan, 62.75% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 68.63%.
Color #5f5fff contains mostly Blue color, is a cool color and closest websafe color is #6666ff. #5f5fff color hex could be obtained by blending #bebeff with #0000ff. Color #5f5fff 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.

#5f5fff color description : very light blue.
#5f5fff Color Conversion
-
- Hex triplet 5f, 5f, ff
- RGB Decimal 95, 95, 255
- RGB Octal 137, 137, 377
- RGB Binary 01011111, 01011111, 11111111
- RGB Percent 37.25%, 37.25%, 100%
- XYZ 26.8615, 17.8373, 96.6349
- xyY 0.1901, 0.1262, 17.8373
-
- CMYK 62.75%, 62.75%, 0%, 0%
- HSL 240°, 100, 68.63
- HSV(HSB) 240°, 62.75, 100
- CIE-L*AB 49.298, 46.663, -79.617
- CIE-L*CH 49.298, 92.284, 300.374
- CIE-L*UV 49.298, -8.946, -124.073
- Hunter-Lab 42.234, 39.618, -106.096
#5f5fff Color Analysis
Color Schemes with #5f5fff
Complementary Color of #5f5fff is #ffff5f. Split Complementary Colors of #5f5fff are #afff5f and #ffaf5f. Analogous Colors of #5f5fff are #5fafff and #af5fff. Triadic Colors of #5f5fff are #5fff5f and #ff5f5f
Shades and Tints of #5f5fff
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, #000011 is the darkest color, while #fcfcff is the lightest one.
-
#000011
#000011
rgb(0,0,17) -
#000024
#000024
rgb(0,0,36) -
#000038
#000038
rgb(0,0,56) -
#00004b
#00004b
rgb(0,0,75) -
#00005f
#00005f
rgb(0,0,95) -
#000073
#000073
rgb(0,0,115) -
#000086
#000086
rgb(0,0,134) -
#00009a
#00009a
rgb(0,0,154) -
#0000ad
#0000ad
rgb(0,0,173) -
#0000c1
#0000c1
rgb(0,0,193) -
#0000d5
#0000d5
rgb(0,0,213) -
#0000e8
#0000e8
rgb(0,0,232) -
#0000fc
#0000fc
rgb(0,0,252)
-
#1111ff
#1111ff
rgb(17,17,255) -
#2424ff
#2424ff
rgb(36,36,255) -
#3838ff
#3838ff
rgb(56,56,255) -
#4b4bff
#4b4bff
rgb(75,75,255) -
#5f5fff
#5f5fff
rgb(95,95,255) -
#7373ff
#7373ff
rgb(115,115,255) -
#8686ff
#8686ff
rgb(134,134,255) -
#9a9aff
#9a9aff
rgb(154,154,255) -
#adadff
#adadff
rgb(173,173,255) -
#c1c1ff
#c1c1ff
rgb(193,193,255) -
#d5d5ff
#d5d5ff
rgb(213,213,255) -
#e8e8ff
#e8e8ff
rgb(232,232,255) -
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #5f5fff
A tone is produced by adding gray to any pure hue. In this case, #afafaf is the less saturated color, while #6565f9 is the most saturated one.
-
#afafaf
#afafaf
rgb(175,175,175) -
#a9a9b5
#a9a9b5
rgb(169,169,181) -
#a3a3bb
#a3a3bb
rgb(163,163,187) -
#9d9dc1
#9d9dc1
rgb(157,157,193) -
#9696c8
#9696c8
rgb(150,150,200) -
#9090ce
#9090ce
rgb(144,144,206) -
#8a8ad4
#8a8ad4
rgb(138,138,212) -
#8484da
#8484da
rgb(132,132,218) -
#7e7ee0
#7e7ee0
rgb(126,126,224) -
#7878e6
#7878e6
rgb(120,120,230) -
#7171ed
#7171ed
rgb(113,113,237) -
#6b6bf3
#6b6bf3
rgb(107,107,243) -
#6565f9
#6565f9
rgb(101,101,249)
Alternatives to #5f5fff
Below, site show some colors close to #5f5fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#5fafff
#5fafff
rgb(95,175,255) -
#5fa2ff
#5fa2ff
rgb(95,162,255) -
#5f94ff
#5f94ff
rgb(95,148,255) -
#5f87ff
#5f87ff
rgb(95,135,255) -
#5f7aff
#5f7aff
rgb(95,122,255) -
#5f6cff
#5f6cff
rgb(95,108,255) -
#5f5fff
#5f5fff
rgb(95,95,255) -
#6c5fff
#6c5fff
rgb(108,95,255) -
#7a5fff
#7a5fff
rgb(122,95,255) -
#875fff
#875fff
rgb(135,95,255) -
#945fff
#945fff
rgb(148,95,255) -
#a25fff
#a25fff
rgb(162,95,255) -
#af5fff
#af5fff
rgb(175,95,255)
#5f5fff Preview in HTML
This text has a font color of #5f5fff.
<span style="color:#5f5fff;">Text here</span>
#5f5fff Text Shadow.
<span style="text-shadow:2px 2px 3px #5f5fff;">Text here</span>
This paragraph has a background color of #5f5fff.
<p style="background-color:#5f5fff;">Content here</p>
This element has a border color of #5f5fff.
<div style="border:1px solid #5f5fff;">Content here</div>
.text{color:#5f5fff;}
.background{background-color:#5f5fff;}
.border{border:1px solid #5f5fff;}
Download #5f5fff color images
Solid color background with hex color code #5f5fff. 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 -