Colour code #581A2F

#581A2F
rgb(88, 26, 47)
rgb(34.5%, 10.2%, 18.4%)

RGB value of #581A2F colour is rgb(88, 26, 47) where red value is 88, green value is 26 and the blue value is 47.

Max value from RGB for colour #581A2F is 88 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #581A2F hue angle of 339.7°, saturation:54.4% and the lightness value is 22.4%.

The process colour (four Colour CMYK) of #581A2F colour is Cyan = 0, Magento = 0.7, Yellow = 0.47, and Key/Black (K on CMYK) = 0.65.

Hex color #581A2F is not a web safe color. Nearby web safe colour of #581A2F is #663333.

Grayscale color of #581A2F is #2E2E2E

Inverted color of #581A2F is #A7E5D0

OLE colour (RGB Long) of #581A2F is 3086936

Decimal Value of #581A2F is 5773871

Android / android.graphics.Color of #581A2F is -11003345 / 0xFF581A2F

The following declarations are allowed (CSS 3.0) for #581A2F

Hex Triplets
#581A2F
RGB Decimal
rgb(88, 26, 47)
RGB Percent
rgb(34.51%, 10.2%, 18.43%)
RGBA
rgba(88, 26, 47, 1)
HSL
hsl(339.7, 54.4%, 22.4%)
HSLA
hsla(339.7, 54.4%, 22.4%, 1)

Colour spaces of #581A2F

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 88
    34.51%
    G = 26
    10.2%
    B = 47
    18.43%

    C = 65.49%
    0.65490196078431
    M = 89.8%
    0.89803921568627
    Y = 81.57%
    0.8156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 339.7°
    0.94354838709677
    S = 54.4%
    0.54385964912281
    L = 22.4%
    0.22352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 339.7°
    0.94354838709677
    S = 70.45%
    0.70454545454545
    V = 34.51%
    0.34509803921569
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 70.45
    0.70454545454545
    Y = 46.59
    0.46590909090909
    K = 65.49
    0.65490196078431
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 4.907
    4.9069866807247
    Y = 3.019
    3.0187319485368
    Z = 3.013
    3.0133701253921

    Yxy
    CIE (x, y, Y)
    Y = 3.019
    3.0187319485368
    x = 0.449
    0.44857362352391
    y = 0.276
    0.27595826455404

    Hunter-Lab
    Hunter 1948 colour space
    L = 17.37
    17.374498405815
    a = 20.01
    20.007428323747
    b = 1.88
    1.8791058539077

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 20.12
    20.118760627333
    a = 30.49
    30.4938865287
    b = 1.78
    1.7776134554846

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 20.1188
    20.118760627333
    u = 34.9308
    34.930797609166
    v = -2.5174
    -2.5173621580158

    CIELCH
    Cylindrical representation
    L = 20.1188
    20.118760627333
    C = 30.5457
    30.54565476827
    H = 3.3362
    3.3362298544279

    YIQ
    Luma In-phase Quadrature
    Y = 0.184
    0.18404705882353
    I = 0.1185
    0.11847450980392
    Q = 0.0772
    0.077156862745098

Base Numbers

Base Red Green Blue
Binary 01011000 00011010 00101111
Octal 130 32 57
Decimal 88 26 47
Hex 58 1A 2F


Colour Harmonies : #581A2F colour combinations

Complementary colour scheme for #581A2F

Colors that are opposite each other on the color wheel are considered to be complementary colors. The high contrast of complementary colors creates a vibrant look especially when used at full saturation.

In the complementary color scheme, the opposite colour of #581A2F colour is calculated by adding 180° to the value of the current hue: 339.7° → 519.7° (+180°)

Split-complementary colour scheme for #581A2F

The split-complementary colour scheme is a variation of the complementary colour scheme. In addition to the base colour, it uses the two colours adjacent to its complement.This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Split-complementary colours of #581A2F are calculated by changing the hue by ±5/12 (±150°): 339.7° → 189.7° (339.7°-150°), 489.7° (339.7°+150°).

Triadic colours scheme for #581A2F

A triadic colour scheme uses colors that are evenly spaced around the colour wheel. This scheme tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colours should be carefully balanced - let one colour dominate and use the two others for accent.

Equidistant combinations of triadic scheme colours for #581A2F are calculated by changing the hue by ±1/3 (±120°): 339.7° → 219.7° (339.7°-120°), 459.7° (339.7°+120°).

Tetradic (Rectangle) colour scheme for #581A2F

The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.This schemes works best if one color is dominant, while the rest serve as extras.

Four tetradic scheme colours (clockwise) for #581A2F are calculated by changing the hue as follows : 339.7° → 459.7° (339.7°+120°), 519.7° (339.7°+180°), 639.7° (339.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #581A2F are calculated by changing the hue as follows : 339.7° → 219.7° (339.7°-120°), 159.7° (339.7°-180°), 39.7° (339.7°-300°).

Tetradic Square Colour Scheme for #581A2F

The square color scheme is similar to the Tetradic rectangle scheme, but with all four colors spaced evenly around the color circle. Square color schemes works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.

Four equidistant tetradic square scheme colours for #581A2F are calculated by changing the hue by 1/4 (90°) progressively : 339.7° → 429.7° (339.7°+90°), 519.7° (339.7°+180°), 609.7° (339.7°+270°).

Analagous colours of #581A2F

Analogous colours are groups of three colors that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

The analogous colours of #581A2F are calculated by changing the hue by ±1/12 (i.e. 30°): 339.7° → 369.7° (339.7°+30°), 309.7° (339.7°-30°).

RGB Variations of #581A2F

(R:58, G:1A, B:58)

Monochromatic colours of #581A2F

Shade Colour Variation of #581A2F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #581A2F (Brighter)

Tint is created by mixing white to any pure color

Tones of #581A2F colour with more saturation

A tone is produced by adding gray to any pure hue.

Tones of #581A2F colour with less saturation

A tone is produced by adding gray to any pure hue.

#581A2F Colour in CSS Codes


.myforecolor{
    color:#581A2F;
}
.mybgcolor{
    background-color:#581A2F;
}
.mybordercolor{
    border:3px solid #581A2F;
}

Text with hexadecimal font colour #581A2F

This sample text font Colour is #581A2F
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog


<p style="color:#581A2F">Text here</p>


#581A2F Background Colour

This div background Colour is #581A2F


<div style="background-color:#581A2F">
    Div content here
</div>


#581A2F Border Colour

This div border Colour is #581A2F


<div style="border:3px solid #581A2F">
    Div content here
</div>

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(88, 26, 47, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #581A2F;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #581A2F;
    -webkit-box-shadow: 1px 1px 3px 2px #581A2F;
    box-shadow: 1px 1px 3px 2px #581A2F;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(88, 26, 47, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


<p style="text-shadow: 4px 4px 2px #581A2F">Text here</p>


Div Box Shadow

This div box has shadow with Colour # 581A2F



<div style="-moz-box-shadow: 1px 1px 3px 2px #581A2F;
-webkit-box-shadow: 1px 1px 3px 2px #581A2F;
box-shadow: 1px 1px 3px 2px #581A2F;">
    Div content here
</div>

Colour Compositions

RGB % of Colour #581A2F

CMYK % of Colour #581A2F

Related Colours along with #581A2F

Black background

Sample text in #581A2F colour with black background colour.

White background

Sample text in #581A2F colour with white background colour.

#581A2F over22 #1A2F58

Sample text in #581A2F colour with #1A2F58 background colour.

#1A2F58 over 581A2F

Sample text in #1A2F58 colour with #581A2F background colour.

#581A2F over22 #1A4E58

Sample text in #581A2F colour with #1A4E58 background colour.

#1A4E58 over 581A2F

Sample text in #1A4E58 colour with #581A2F background colour.

#581A2F over22 #1A5824

Sample text in #581A2F colour with #1A5824 background colour.

#1A5824 over 581A2F

Sample text in #1A5824 colour with #581A2F background colour.

#581A2F over22 #1A582F

Sample text in #581A2F colour with #1A582F background colour.

#1A582F over 581A2F

Sample text in #1A582F colour with #581A2F background colour.

#581A2F over22 #1A5843

Sample text in #581A2F colour with #1A5843 background colour.

#1A5843 over 581A2F

Sample text in #1A5843 colour with #581A2F background colour.

#581A2F over22 #241A58

Sample text in #581A2F colour with #241A58 background colour.

#241A58 over 581A2F

Sample text in #241A58 colour with #581A2F background colour.

#581A2F over22 #2E2E2E

Sample text in #581A2F colour with #2E2E2E background colour.

#2E2E2E over 581A2F

Sample text in #2E2E2E colour with #581A2F background colour.

#581A2F over22 #2F1A58

Sample text in #581A2F colour with #2F1A58 background colour.

#2F1A58 over 581A2F

Sample text in #2F1A58 colour with #581A2F background colour.

#581A2F over22 #2F581A

Sample text in #581A2F colour with #2F581A background colour.

#2F581A over 581A2F

Sample text in #2F581A colour with #581A2F background colour.

#581A2F over22 #431A58

Sample text in #581A2F colour with #431A58 background colour.

#431A58 over 581A2F

Sample text in #431A58 colour with #581A2F background colour.

#581A2F over22 #58431A

Sample text in #581A2F colour with #58431A background colour.

#58431A over 581A2F

Sample text in #58431A colour with #581A2F background colour.

#581A2F over22 #A7E5D0

Sample text in #581A2F colour with #A7E5D0 background colour.

#A7E5D0 over 581A2F

Sample text in #A7E5D0 colour with #581A2F background colour.

#581A2F over22 #663333

Sample text in #581A2F colour with #663333 background colour.

#663333 over 581A2F

Sample text in #663333 colour with #581A2F background colour.

#581A2F over22 #4E581A

Sample text in #581A2F colour with #4E581A background colour.

#4E581A over 581A2F

Sample text in #4E581A colour with #581A2F background colour.

#581A2F over22 #582F1A

Sample text in #581A2F colour with #582F1A background colour.

#582F1A over 581A2F

Sample text in #582F1A colour with #581A2F background colour.