#5fa6ed Color Informations
This page lists more detailed information about the hex color code #5fa6ed. In a RGB color space, hex #5fa6ed is composed of 95(37.25%) red, 166(65.1%) green and 237(92.94%) blue. Its decimal value is 6268653. In a CMYK color space, it is consist of 59.92% cyan, 29.96% magenta, 0% yellow and 7.06% black. It has a hue angle of 210 degrees, a saturation of 79.78% and a lightness of 65.1%.
Color #5fa6ed contains mostly Blue color, is a cool color and closest websafe color is #6699ff. #5fa6ed color hex could be obtained by blending #beffff with #004ddb. Color #5fa6ed look like cornflower blue #6495ed 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.

#5fa6ed color description : very light cyan-blue/very light azure.
#5fa6ed Color Conversion
-
- Hex triplet 5f, a6, ed
- RGB Decimal 95, 166, 237
- RGB Octal 137, 246, 355
- RGB Binary 01011111, 10100110, 11101101
- RGB Percent 37.25%, 65.1%, 92.94%
- XYZ 33.6416, 35.8198, 85.2616
- xyY 0.2174, 0.2315, 35.8198
-
- CMYK 59.92%, 29.96%, 0%, 7.06%
- HSL 210°, 79.78, 65.1
- HSV(HSB) 210°, 59.92, 92.94
- CIE-L*AB 66.382, -1.41, -42.306
- CIE-L*CH 66.382, 42.329, 268.091
- CIE-L*UV 66.382, -30.263, -67.647
- Hunter-Lab 59.85, -4.402, -42.57
#5fa6ed Color Analysis
Color Schemes with #5fa6ed
Complementary Color of #5fa6ed is #eda65f. Split Complementary Colors of #5fa6ed are #eded5f and #ed5f5f. Analogous Colors of #5fa6ed are #5feded and #5f5fed. Triadic Colors of #5fa6ed are #a6ed5f and #ed5fa6
Shades and Tints of #5fa6ed
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, #020910 is the darkest color, while #fefeff is the lightest one.
-
#020910
#020910
rgb(2,9,16) -
#041322
#041322
rgb(4,19,34) -
#061d34
#061d34
rgb(6,29,52) -
#082745
#082745
rgb(8,39,69) -
#0a3057
#0a3057
rgb(10,48,87) -
#0c3a68
#0c3a68
rgb(12,58,104) -
#0e447a
#0e447a
rgb(14,68,122) -
#104e8c
#104e8c
rgb(16,78,140) -
#12589d
#12589d
rgb(18,88,157) -
#1461af
#1461af
rgb(20,97,175) -
#166bc1
#166bc1
rgb(22,107,193) -
#1875d2
#1875d2
rgb(24,117,210) -
#1a7fe4
#1a7fe4
rgb(26,127,228)
-
#2a89e7
#2a89e7
rgb(42,137,231) -
#3c92e9
#3c92e9
rgb(60,146,233) -
#4d9ceb
#4d9ceb
rgb(77,156,235) -
#5fa6ed
#5fa6ed
rgb(95,166,237) -
#71b0ef
#71b0ef
rgb(113,176,239) -
#82baf1
#82baf1
rgb(130,186,241) -
#94c3f3
#94c3f3
rgb(148,195,243) -
#a6cdf5
#a6cdf5
rgb(166,205,245) -
#b7d7f7
#b7d7f7
rgb(183,215,247) -
#c9e1f9
#c9e1f9
rgb(201,225,249) -
#daebfb
#daebfb
rgb(218,235,251) -
#ecf4fd
#ecf4fd
rgb(236,244,253) -
#fefeff
#fefeff
rgb(254,254,255)
Tones of #5fa6ed
A tone is produced by adding gray to any pure hue. In this case, #a3a6a9 is the less saturated color, while #51a6fb is the most saturated one.
-
#a3a6a9
#a3a6a9
rgb(163,166,169) -
#9da6af
#9da6af
rgb(157,166,175) -
#96a6b6
#96a6b6
rgb(150,166,182) -
#8fa6bd
#8fa6bd
rgb(143,166,189) -
#88a6c4
#88a6c4
rgb(136,166,196) -
#81a6cb
#81a6cb
rgb(129,166,203) -
#7aa6d2
#7aa6d2
rgb(122,166,210) -
#74a6d8
#74a6d8
rgb(116,166,216) -
#6da6df
#6da6df
rgb(109,166,223) -
#66a6e6
#66a6e6
rgb(102,166,230) -
#5fa6ed
#5fa6ed
rgb(95,166,237) -
#58a6f4
#58a6f4
rgb(88,166,244) -
#51a6fb
#51a6fb
rgb(81,166,251)
Alternatives to #5fa6ed
Below, site show some colors close to #5fa6ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#5feded
#5feded
rgb(95,237,237) -
#5fe1ed
#5fe1ed
rgb(95,225,237) -
#5fd5ed
#5fd5ed
rgb(95,213,237) -
#5fcaed
#5fcaed
rgb(95,202,237) -
#5fbeed
#5fbeed
rgb(95,190,237) -
#5fb2ed
#5fb2ed
rgb(95,178,237) -
#5fa6ed
#5fa6ed
rgb(95,166,237) -
#5f9aed
#5f9aed
rgb(95,154,237) -
#5f8eed
#5f8eed
rgb(95,142,237) -
#5f83ed
#5f83ed
rgb(95,131,237) -
#5f77ed
#5f77ed
rgb(95,119,237) -
#5f6bed
#5f6bed
rgb(95,107,237) -
#5f5fed
#5f5fed
rgb(95,95,237)
#5fa6ed Preview in HTML
This text has a font color of #5fa6ed.
<span style="color:#5fa6ed;">Text here</span>
#5fa6ed Text Shadow.
<span style="text-shadow:2px 2px 3px #5fa6ed;">Text here</span>
This paragraph has a background color of #5fa6ed.
<p style="background-color:#5fa6ed;">Content here</p>
This element has a border color of #5fa6ed.
<div style="border:1px solid #5fa6ed;">Content here</div>
.text{color:#5fa6ed;}
.background{background-color:#5fa6ed;}
.border{border:1px solid #5fa6ed;}
Download #5fa6ed color images
Solid color background with hex color code #5fa6ed. 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 -