Colour code #486309

#486309
rgb(72, 99, 9)
rgb(28.2%, 38.8%, 3.5%)

RGB value of #486309 colour is rgb(72, 99, 9) where red value is 72, green value is 99 and the blue value is 9.

Max value from RGB for colour #486309 is 99 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #486309 hue angle of 78°, saturation:83.3% and the lightness value is 21.2%.

The process colour (four Colour CMYK) of #486309 colour is Cyan = 0.27, Magento = 0, Yellow = 0.91, and Key/Black (K on CMYK) = 0.61.

Hex color #486309 is not a web safe color. Nearby web safe colour of #486309 is #336600.

Grayscale color of #486309 is #505050

Inverted color of #486309 is #B79CF6

OLE colour (RGB Long) of #486309 is 615240

Decimal Value of #486309 is 4743945

Android / android.graphics.Color of #486309 is -12033271 / 0xFF486309

The following declarations are allowed (CSS 3.0) for #486309

Hex Triplets
#486309
RGB Decimal
rgb(72, 99, 9)
RGB Percent
rgb(28.24%, 38.82%, 3.53%)
RGBA
rgba(72, 99, 9, 1)
HSL
hsl(78, 83.3%, 21.2%)
HSLA
hsla(78, 83.3%, 21.2%, 1)

Colour spaces of #486309

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 72
    28.24%
    G = 99
    38.82%
    B = 9
    3.53%

    C = 71.76%
    0.71764705882353
    M = 61.18%
    0.61176470588235
    Y = 96.47%
    0.96470588235294
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78°
    0.21666666666667
    S = 83.3%
    0.83333333333333
    L = 21.2%
    0.21176470588235
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78°
    0.21666666666667
    S = 90.91%
    0.90909090909091
    V = 38.82%
    0.38823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 27.27
    0.27272727272727
    M = 0
    0
    Y = 90.91
    0.90909090909091
    K = 61.18
    0.61176470588235
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 7.184
    7.1836348728725
    Y = 10.321
    10.321121025241
    Z = 1.872
    1.8720025281207

    Yxy
    CIE (x, y, Y)
    Y = 10.321
    10.321121025241
    x = 0.371
    0.3707346045635
    y = 0.533
    0.53265467825967

    Hunter-Lab
    Hunter 1948 colour space
    L = 32.13
    32.126501560614
    a = -16.31
    -16.30794917464
    b = 19.03
    19.033738881307

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 38.41
    38.412700371255
    a = -23.14
    -23.137355486138
    b = 42.2
    42.195700360185

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 38.4127
    38.412700371255
    u = -13.188
    -13.187995608268
    v = 42.8685
    42.868540328105

    CIELCH
    Cylindrical representation
    L = 38.4127
    38.412700371255
    C = 48.1229
    48.122908762651
    H = 118.7375
    118.73747551032

    YIQ
    Luma In-phase Quadrature
    Y = 0.3163
    0.31634117647059
    I = 0.0502
    0.050188235294118
    Q = -0.1322
    -0.13221176470588

Base Numbers

Base Red Green Blue
Binary 01001000 01100011 00001001
Octal 110 143 11
Decimal 72 99 9
Hex 48 63 9


Colour Harmonies : #486309 colour combinations

Complementary colour scheme for #486309

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 #486309 colour is calculated by adding 180° to the value of the current hue: 78° → 258° (+180°)

Split-complementary colour scheme for #486309

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 #486309 are calculated by changing the hue by ±5/12 (±150°): 78° → -72° (78°-150°), 228° (78°+150°).

Triadic colours scheme for #486309

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 #486309 are calculated by changing the hue by ±1/3 (±120°): 78° → -42° (78°-120°), 198° (78°+120°).

Tetradic (Rectangle) colour scheme for #486309

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 #486309 are calculated by changing the hue as follows : 78° → 198° (78°+120°), 258° (78°+180°), 378° (78°+300°).


Four tetradic scheme colours (counter-clockwise) for #486309 are calculated by changing the hue as follows : 78° → -42° (78°-120°), -102° (78°-180°), -222° (78°-300°).

Tetradic Square Colour Scheme for #486309

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 #486309 are calculated by changing the hue by 1/4 (90°) progressively : 78° → 168° (78°+90°), 258° (78°+180°), 348° (78°+270°).

Analagous colours of #486309

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 #486309 are calculated by changing the hue by ±1/12 (i.e. 30°): 78° → 108° (78°+30°), 48° (78°-30°).

RGB Variations of #486309

(R:48, G:63, B:48)

Monochromatic colours of #486309

Shade Colour Variation of #486309 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #486309 (Brighter)

Tint is created by mixing white to any pure color

Tones of #486309 colour with more saturation

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

Tones of #486309 colour with less saturation

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

#486309 Colour in CSS Codes


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

Text with hexadecimal font colour #486309

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


#486309 Background Colour

This div background Colour is #486309


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


#486309 Border Colour

This div border Colour is #486309


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(72, 99, 9, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #486309;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #486309;
    -webkit-box-shadow: 1px 1px 3px 2px #486309;
    box-shadow: 1px 1px 3px 2px #486309;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(72, 99, 9, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 486309



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

Colour Palettes with #486309

Colour Compositions

RGB % of Colour #486309

CMYK % of Colour #486309

Related Colours along with #486309

Black background

Sample text in #486309 colour with black background colour.

White background

Sample text in #486309 colour with white background colour.

#486309 over22 #091B63

Sample text in #486309 colour with #091B63 background colour.

#091B63 over 486309

Sample text in #091B63 colour with #486309 background colour.

#486309 over22 #094863

Sample text in #486309 colour with #094863 background colour.

#094863 over 486309

Sample text in #094863 colour with #486309 background colour.

#486309 over22 #096324

Sample text in #486309 colour with #096324 background colour.

#096324 over 486309

Sample text in #096324 colour with #486309 background colour.

#486309 over22 #096348

Sample text in #486309 colour with #096348 background colour.

#096348 over 486309

Sample text in #096348 colour with #486309 background colour.

#486309 over22 #096351

Sample text in #486309 colour with #096351 background colour.

#096351 over 486309

Sample text in #096351 colour with #486309 background colour.

#486309 over22 #63091B

Sample text in #486309 colour with #63091B background colour.

#63091B over 486309

Sample text in #63091B colour with #486309 background colour.

#486309 over22 #B79CF6

Sample text in #486309 colour with #B79CF6 background colour.

#B79CF6 over 486309

Sample text in #B79CF6 colour with #486309 background colour.

#486309 over22 #240963

Sample text in #486309 colour with #240963 background colour.

#240963 over 486309

Sample text in #240963 colour with #486309 background colour.

#486309 over22 #336600

Sample text in #486309 colour with #336600 background colour.

#336600 over 486309

Sample text in #336600 colour with #486309 background colour.

#486309 over22 #480963

Sample text in #486309 colour with #480963 background colour.

#480963 over 486309

Sample text in #480963 colour with #486309 background colour.

#486309 over22 #505050

Sample text in #486309 colour with #505050 background colour.

#505050 over 486309

Sample text in #505050 colour with #486309 background colour.

#486309 over22 #510963

Sample text in #486309 colour with #510963 background colour.

#510963 over 486309

Sample text in #510963 colour with #486309 background colour.

#486309 over22 #630948

Sample text in #486309 colour with #630948 background colour.

#630948 over 486309

Sample text in #630948 colour with #486309 background colour.

#486309 over22 #632409

Sample text in #486309 colour with #632409 background colour.

#632409 over 486309

Sample text in #632409 colour with #486309 background colour.

#486309 over22 #634809

Sample text in #486309 colour with #634809 background colour.

#634809 over 486309

Sample text in #634809 colour with #486309 background colour.