ColorHexa

#2f485d hex color code

#2f485d Color Informations

This page lists more detailed information about the hex color code #2f485d. In a RGB color space, hex #2f485d is composed of 47(18.43%) red, 72(28.24%) green and 93(36.47%) blue. Its decimal value is 3098717. In a CMYK color space, it is consist of 49.46% cyan, 22.58% magenta, 0% yellow and 63.53% black. It has a hue angle of 207.39 degrees, a saturation of 32.86% and a lightness of 27.45%.

Color #2f485d contains mostly Cyan color, is a cool color and closest websafe color is #333366. #2f485d color hex could be obtained by blending #5e90ba with #000000. Color #2f485d look like arapawa #274a5d 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.

#2f485d color image #2f485d rgb color chart bar #2f485d cmyk color chart bar

#2f485d color description : dark cyan-blue/dark azure.

#2f485d Color Conversion

    • Hex triplet 2f, 48, 5d
    • RGB Decimal 47, 72, 93
    • RGB Octal 057, 110, 135
    • RGB Binary 00101111, 01001000, 01011101
    • RGB Percent 18.43%, 28.24%, 36.47%
    • XYZ 5.4654, 6.0294, 11.2317
    • xyY 0.2405, 0.2653, 6.0294
    • CMYK 49.46%, 22.58%, 0%, 63.53%
    • HSL 207.39°, 32.86, 27.45
    • HSV(HSB) 207.39°, 49.46, 36.47
    • CIE-L*AB 29.486, -3.074, -15.373
    • CIE-L*CH 29.486, 15.677, 258.694
    • CIE-L*UV 29.486, -11.176, -19.025
    • Hunter-Lab 24.555, -3.24, -9.932

#2f485d Color Analysis

R-G-B component
  • #2f485d #2f485d
    rgb(47,72,93)
  • #464646 Average: #464646
    rgb(70,70,70)
  • #444444 Luma: #444444
    rgb(68,68,68)
  • #424242 rec601 Luma: #424242
    rgb(66,66,66)
Grayscale
  • #2f485d #2f485d
    rgb(47,72,93)
  • #333366 Closest websafe: #333366
    rgb(51,51,102)
  • #274a5d Closest named color: arapawa #274a5d
    rgb(39,74,93)
  • #d0b7a2 Inverse color: #d0b7a2
    rgb(208,183,162)
Closest websafe and named color, Inverse

Color Schemes with #2f485d

Complementary Color of #2f485d is #5d442f. Split Complementary Colors of #2f485d are #5d5b2f and #5d2f31. Analogous Colors of #2f485d are #2f5d5b and #2f315d. Triadic Colors of #2f485d are #485d2f and #5d2f48

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

Shades and Tints of #2f485d

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

Shade Color Variation
Tint Color Variation

Tones of #2f485d

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

Tone Color Variation

Alternatives to #2f485d

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

Similar Color

#2f485d Preview in HTML

Text with hexadecimal color #2f485d

This text has a font color of #2f485d.

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

#2f485d Text Shadow.

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

This paragraph has a background color of #2f485d.

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

This element has a border color of #2f485d.

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

Download #2f485d color images

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