Colour code #1A3716

#1A3716
rgb(26, 55, 22)
rgb(10.2%, 21.6%, 8.6%)

RGB value of #1A3716 colour is rgb(26, 55, 22) where red value is 26, green value is 55 and the blue value is 22.

Max value from RGB for colour #1A3716 is 55 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #1A3716 hue angle of 112.7°, saturation:42.9% and the lightness value is 15.1%.

The process colour (four Colour CMYK) of #1A3716 colour is Cyan = 0.53, Magento = 0, Yellow = 0.6, and Key/Black (K on CMYK) = 0.78.

Hex color #1A3716 is not a web safe color. Nearby web safe colour of #1A3716 is #333300.

Grayscale color of #1A3716 is #2A2A2A

Inverted color of #1A3716 is #E5C8E9

OLE colour (RGB Long) of #1A3716 is 1455898

Decimal Value of #1A3716 is 1718038

Android / android.graphics.Color of #1A3716 is -15059178 / 0xFF1A3716

The following declarations are allowed (CSS 3.0) for #1A3716

Hex Triplets
#1A3716
RGB Decimal
rgb(26, 55, 22)
RGB Percent
rgb(10.2%, 21.57%, 8.63%)
RGBA
rgba(26, 55, 22, 1)
HSL
hsl(112.7, 42.9%, 15.1%)
HSLA
hsla(112.7, 42.9%, 15.1%, 1)

Colour spaces of #1A3716

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 26
    10.2%
    G = 55
    21.57%
    B = 22
    8.63%

    C = 89.8%
    0.89803921568627
    M = 78.43%
    0.7843137254902
    Y = 91.37%
    0.91372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 112.7°
    0.31313131313131
    S = 42.9%
    0.42857142857143
    L = 15.1%
    0.15098039215686
  • HSV (HSB) – hue, saturation, brightness/value
    H = 112.7°
    0.31313131313131
    S = 60%
    0.6
    V = 21.57%
    0.2156862745098
  • CMYK – cyan, magenta, yellow, key/black
    C = 52.73
    0.52727272727273
    M = 0
    0
    Y = 60
    0.6
    K = 78.43
    0.7843137254902
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 1.937
    1.9370088633776
    Y = 3.01
    3.0099161474635
    Z = 1.238
    1.2379371611246

    Yxy
    CIE (x, y, Y)
    Y = 3.01
    3.0099161474635
    x = 0.313
    0.31318545337316
    y = 0.487
    0.48665856469796

    Hunter-Lab
    Hunter 1948 colour space
    L = 17.35
    17.349109912222
    a = -10.43
    -10.431615489722
    b = 7.91
    7.9137682990095

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 20.08
    20.083566349124
    a = -18.96
    -18.958705870693
    b = 17.24
    17.240979750243

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 20.0836
    20.083566349124
    u = -11.8319
    -11.831945328811
    v = 16.95
    16.950026838697

    CIELCH
    Cylindrical representation
    L = 20.0836
    20.083566349124
    C = 25.6258
    25.625844591735
    H = 137.7167
    137.71672771418

    YIQ
    Luma In-phase Quadrature
    Y = 0.1669
    0.16692941176471
    I = -0.0262
    -0.026239215686275
    Q = -0.0644
    -0.064356862745098

Base Numbers

Base Red Green Blue
Binary 00011010 00110111 00010110
Octal 32 67 26
Decimal 26 55 22
Hex 1A 37 16


Colour Harmonies : #1A3716 colour combinations

Complementary colour scheme for #1A3716

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 #1A3716 colour is calculated by adding 180° to the value of the current hue: 112.7° → 292.7° (+180°)

Split-complementary colour scheme for #1A3716

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 #1A3716 are calculated by changing the hue by ±5/12 (±150°): 112.7° → -37.3° (112.7°-150°), 262.7° (112.7°+150°).

Triadic colours scheme for #1A3716

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 #1A3716 are calculated by changing the hue by ±1/3 (±120°): 112.7° → -7.3° (112.7°-120°), 232.7° (112.7°+120°).

Tetradic (Rectangle) colour scheme for #1A3716

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 #1A3716 are calculated by changing the hue as follows : 112.7° → 232.7° (112.7°+120°), 292.7° (112.7°+180°), 412.7° (112.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #1A3716 are calculated by changing the hue as follows : 112.7° → -7.3° (112.7°-120°), -67.3° (112.7°-180°), -187.3° (112.7°-300°).

Tetradic Square Colour Scheme for #1A3716

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 #1A3716 are calculated by changing the hue by 1/4 (90°) progressively : 112.7° → 202.7° (112.7°+90°), 292.7° (112.7°+180°), 382.7° (112.7°+270°).

Analagous colours of #1A3716

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 #1A3716 are calculated by changing the hue by ±1/12 (i.e. 30°): 112.7° → 142.7° (112.7°+30°), 82.7° (112.7°-30°).

RGB Variations of #1A3716

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

Monochromatic colours of #1A3716

Shade Colour Variation of #1A3716 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #1A3716 (Brighter)

Tint is created by mixing white to any pure color

Tones of #1A3716 colour with more saturation

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

Tones of #1A3716 colour with less saturation

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

#1A3716 Colour in CSS Codes


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

Text with hexadecimal font colour #1A3716

This sample text font Colour is #1A3716
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:#1A3716">Text here</p>


#1A3716 Background Colour

This div background Colour is #1A3716


<div style="background-color:#1A3716">
    Div content here
</div>


#1A3716 Border Colour

This div border Colour is #1A3716


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(26, 55, 22, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #1A3716;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #1A3716;
    -webkit-box-shadow: 1px 1px 3px 2px #1A3716;
    box-shadow: 1px 1px 3px 2px #1A3716;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 1A3716



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

Colour Palettes with #1A3716

Colour Compositions

RGB % of Colour #1A3716

CMYK % of Colour #1A3716

Related Colours along with #1A3716

Black background

Sample text in #1A3716 colour with black background colour.

White background

Sample text in #1A3716 colour with white background colour.

#1A3716 over22 #161A37

Sample text in #1A3716 colour with #161A37 background colour.

#161A37 over 1A3716

Sample text in #161A37 colour with #1A3716 background colour.

#1A3716 over22 #162A37

Sample text in #1A3716 colour with #162A37 background colour.

#162A37 over 1A3716

Sample text in #162A37 colour with #1A3716 background colour.

#1A3716 over22 #16371A

Sample text in #1A3716 colour with #16371A background colour.

#16371A over 1A3716

Sample text in #16371A colour with #1A3716 background colour.

#1A3716 over22 #1A1637

Sample text in #1A3716 colour with #1A1637 background colour.

#1A1637 over 1A3716

Sample text in #1A1637 colour with #1A3716 background colour.

#1A3716 over22 #2A2A2A

Sample text in #1A3716 colour with #2A2A2A background colour.

#2A2A2A over 1A3716

Sample text in #2A2A2A colour with #1A3716 background colour.

#1A3716 over22 #37161A

Sample text in #1A3716 colour with #37161A background colour.

#37161A over 1A3716

Sample text in #37161A colour with #1A3716 background colour.

#1A3716 over22 #37162A

Sample text in #1A3716 colour with #37162A background colour.

#37162A over 1A3716

Sample text in #37162A colour with #1A3716 background colour.

#1A3716 over22 #371A16

Sample text in #1A3716 colour with #371A16 background colour.

#371A16 over 1A3716

Sample text in #371A16 colour with #1A3716 background colour.

#1A3716 over22 #E5C8E9

Sample text in #1A3716 colour with #E5C8E9 background colour.

#E5C8E9 over 1A3716

Sample text in #E5C8E9 colour with #1A3716 background colour.

#1A3716 over22 #163733

Sample text in #1A3716 colour with #163733 background colour.

#163733 over 1A3716

Sample text in #163733 colour with #1A3716 background colour.

#1A3716 over22 #221637

Sample text in #1A3716 colour with #221637 background colour.

#221637 over 1A3716

Sample text in #221637 colour with #1A3716 background colour.

#1A3716 over22 #331637

Sample text in #1A3716 colour with #331637 background colour.

#331637 over 1A3716

Sample text in #331637 colour with #1A3716 background colour.

#1A3716 over22 #333300

Sample text in #1A3716 colour with #333300 background colour.

#333300 over 1A3716

Sample text in #333300 colour with #1A3716 background colour.

#1A3716 over22 #372216

Sample text in #1A3716 colour with #372216 background colour.

#372216 over 1A3716

Sample text in #372216 colour with #1A3716 background colour.

#1A3716 over22 #373316

Sample text in #1A3716 colour with #373316 background colour.

#373316 over 1A3716

Sample text in #373316 colour with #1A3716 background colour.