ColorHexa

#55a7d1 hex color code

#55a7d1 Color Informations

This page lists more detailed information about the hex color code #55a7d1. In a RGB color space, hex #55a7d1 is composed of 85(33.33%) red, 167(65.49%) green and 209(81.96%) blue. Its decimal value is 5613521. In a CMYK color space, it is consist of 59.33% cyan, 20.1% magenta, 0% yellow and 18.04% black. It has a hue angle of 200.32 degrees, a saturation of 57.41% and a lightness of 57.65%.

Color #55a7d1 contains mostly Cyan color, is a cool color and closest websafe color is #6699cc. #55a7d1 color hex could be obtained by blending #aaffff with #004fa3. Color #55a7d1 look like picton blue #5ba0d0 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.

#55a7d1 color image #55a7d1 rgb color chart bar #55a7d1 cmyk color chart bar

#55a7d1 color description : brilliant cyan/brilliant cornflower blue.

#55a7d1 Color Conversion

    • Hex triplet 55, a7, d1
    • RGB Decimal 85, 167, 209
    • RGB Octal 125, 247, 321
    • RGB Binary 01010101, 10100111, 11010001
    • RGB Percent 33.33%, 65.49%, 81.96%
    • XYZ 29.0737, 34.1722, 65.3851
    • xyY 0.226, 0.2657, 34.1722
    • CMYK 59.33%, 20.1%, 0%, 18.04%
    • HSL 200.32°, 57.41, 57.65
    • HSV(HSB) 200.32°, 59.33, 81.96
    • CIE-L*AB 65.099, -12.673, -28.908
    • CIE-L*CH 65.099, 31.564, 246.328
    • CIE-L*UV 65.099, -34.037, -43.58
    • Hunter-Lab 58.457, -13.522, -25.397

#55a7d1 Color Analysis

R-G-B component
  • #55a7d1 #55a7d1
    rgb(85,167,209)
  • #999999 Average: #999999
    rgb(153,153,153)
  • #989898 Luma: #989898
    rgb(152,152,152)
  • #939393 rec601 Luma: #939393
    rgb(147,147,147)
Grayscale
  • #55a7d1 #55a7d1
    rgb(85,167,209)
  • #6699cc Closest websafe: #6699cc
    rgb(102,153,204)
  • #5ba0d0 Closest named color: picton blue #5ba0d0
    rgb(91,160,208)
  • #aa582e Inverse color: #aa582e
    rgb(170,88,46)
Closest websafe and named color, Inverse

Color Schemes with #55a7d1

Complementary Color of #55a7d1 is #d17f55. Split Complementary Colors of #55a7d1 are #d1bd55 and #d15569. Analogous Colors of #55a7d1 are #55d1bd and #5569d1. Triadic Colors of #55a7d1 are #a7d155 and #d155a7

Complementary Color
Split Complementary Color
Analogous Color
Triadic Color
Tetradic Color
Monochromatic Color

Shades and Tints of #55a7d1

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

Shade Color Variation
Tint Color Variation

Tones of #55a7d1

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

Tone Color Variation

Alternatives to #55a7d1

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

Similar Color

#55a7d1 Preview in HTML

Text with hexadecimal color #55a7d1

This text has a font color of #55a7d1.

<span style="color:#55a7d1;">Text here</span>
Text shadow with hexadecimal color #55a7d1

#55a7d1 Text Shadow.

<span style="text-shadow:2px 2px 3px #55a7d1;">Text here</span>
#55a7d1 background color

This paragraph has a background color of #55a7d1.

<p style="background-color:#55a7d1;">Content here</p>
#55a7d1 border color

This element has a border color of #55a7d1.

<div style="border:1px solid #55a7d1;">Content here</div>
CSS codes with #55a7d1 color
.text{color:#55a7d1;}
.background{background-color:#55a7d1;}
.border{border:1px solid #55a7d1;}

Download #55a7d1 color images

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