Colour code #484A47

#484A47
rgb(72, 74, 71)
rgb(28.2%, 29%, 27.8%)

RGB value of #484A47 colour is rgb(72, 74, 71) where red value is 72, green value is 74 and the blue value is 71.

Max value from RGB for colour #484A47 is 74 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #484A47 hue angle of 100°, saturation:2.1% and the lightness value is 28.4%.

The process colour (four Colour CMYK) of #484A47 colour is Cyan = 0.03, Magento = 0, Yellow = 0.04, and Key/Black (K on CMYK) = 0.71.

Hex color #484A47 is not a web safe color. Nearby web safe colour of #484A47 is #333333.

Grayscale color of #484A47 is #494949

Inverted color of #484A47 is #B7B5B8

OLE colour (RGB Long) of #484A47 is 4672072

Decimal Value of #484A47 is 4737607

Android / android.graphics.Color of #484A47 is -12039609 / 0xFF484A47

The following declarations are allowed (CSS 3.0) for #484A47

Hex Triplets
#484A47
RGB Decimal
rgb(72, 74, 71)
RGB Percent
rgb(28.24%, 29.02%, 27.84%)
RGBA
rgba(72, 74, 71, 1)
HSL
hsl(100, 2.1%, 28.4%)
HSLA
hsla(100, 2.1%, 28.4%, 1)

Colour spaces of #484A47

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 72
    28.24%
    G = 74
    29.02%
    B = 71
    27.84%

    C = 71.76%
    0.71764705882353
    M = 70.98%
    0.70980392156863
    Y = 72.16%
    0.72156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 100°
    0.27777777777778
    S = 2.1%
    0.020689655172414
    L = 28.4%
    0.2843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 100°
    0.27777777777778
    S = 4.05%
    0.040540540540541
    V = 29.02%
    0.29019607843137
  • CMYK – cyan, magenta, yellow, key/black
    C = 2.7
    0.027027027027027
    M = 0
    0
    Y = 4.05
    0.040540540540541
    K = 70.98
    0.70980392156863
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 6.259
    6.2585968906909
    Y = 6.73
    6.7302084846185
    Z = 6.93
    6.9304322671961

    Yxy
    CIE (x, y, Y)
    Y = 6.73
    6.7302084846185
    x = 0.314
    0.31419861558033
    y = 0.338
    0.33787480251036

    Hunter-Lab
    Hunter 1948 colour space
    L = 25.94
    25.942645363607
    a = -2.34
    -2.3369605901863
    b = 2.32
    2.3208606507686

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 31.18
    31.184659836476
    a = -1.48
    -1.4760143037034
    b = 1.5
    1.4988491730571

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 31.1847
    31.184659836476
    u = -0.9175
    -0.91753819841064
    v = 1.9744
    1.9744276514934

    CIELCH
    Cylindrical representation
    L = 31.1847
    31.184659836476
    C = 2.1036
    2.1036081071129
    H = 134.5602
    134.56020975249

    YIQ
    Luma In-phase Quadrature
    Y = 0.2865
    0.28650980392157
    I = -0.0009
    -0.00089803921568629
    Q = -0.0053
    -0.005321568627451

Base Numbers

Base Red Green Blue
Binary 01001000 01001010 01000111
Octal 110 112 107
Decimal 72 74 71
Hex 48 4A 47


Colour Harmonies : #484A47 colour combinations

Complementary colour scheme for #484A47

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 #484A47 colour is calculated by adding 180° to the value of the current hue: 100° → 280° (+180°)

Split-complementary colour scheme for #484A47

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 #484A47 are calculated by changing the hue by ±5/12 (±150°): 100° → -50° (100°-150°), 250° (100°+150°).

Triadic colours scheme for #484A47

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 #484A47 are calculated by changing the hue by ±1/3 (±120°): 100° → -20° (100°-120°), 220° (100°+120°).

Tetradic (Rectangle) colour scheme for #484A47

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 #484A47 are calculated by changing the hue as follows : 100° → 220° (100°+120°), 280° (100°+180°), 400° (100°+300°).


Four tetradic scheme colours (counter-clockwise) for #484A47 are calculated by changing the hue as follows : 100° → -20° (100°-120°), -80° (100°-180°), -200° (100°-300°).

Tetradic Square Colour Scheme for #484A47

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 #484A47 are calculated by changing the hue by 1/4 (90°) progressively : 100° → 190° (100°+90°), 280° (100°+180°), 370° (100°+270°).

Analagous colours of #484A47

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 #484A47 are calculated by changing the hue by ±1/12 (i.e. 30°): 100° → 130° (100°+30°), 70° (100°-30°).

RGB Variations of #484A47

(R:48, G:4A, B:48)

Monochromatic colours of #484A47

Shade Colour Variation of #484A47 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #484A47 (Brighter)

Tint is created by mixing white to any pure color

Tones of #484A47 colour with more saturation

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

Tones of #484A47 colour with less saturation

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

#484A47 Colour in CSS Codes


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

Text with hexadecimal font colour #484A47

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


#484A47 Background Colour

This div background Colour is #484A47


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


#484A47 Border Colour

This div border Colour is #484A47


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(72, 74, 71, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #484A47;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #484A47;
    -webkit-box-shadow: 1px 1px 3px 2px #484A47;
    box-shadow: 1px 1px 3px 2px #484A47;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 484A47



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

Colour Compositions

RGB % of Colour #484A47

CMYK % of Colour #484A47

Related Colours along with #484A47

Black background

Sample text in #484A47 colour with black background colour.

White background

Sample text in #484A47 colour with white background colour.

#484A47 over22 #47484A

Sample text in #484A47 colour with #47484A background colour.

#47484A over 484A47

Sample text in #47484A colour with #484A47 background colour.

#484A47 over22 #474A48

Sample text in #484A47 colour with #474A48 background colour.

#474A48 over 484A47

Sample text in #474A48 colour with #484A47 background colour.

#484A47 over22 #474A49

Sample text in #484A47 colour with #474A49 background colour.

#474A49 over 484A47

Sample text in #474A49 colour with #484A47 background colour.

#484A47 over22 #474A4A

Sample text in #484A47 colour with #474A4A background colour.

#474A4A over 484A47

Sample text in #474A4A colour with #484A47 background colour.

#484A47 over22 #48474A

Sample text in #484A47 colour with #48474A background colour.

#48474A over 484A47

Sample text in #48474A colour with #484A47 background colour.

#484A47 over22 #49474A

Sample text in #484A47 colour with #49474A background colour.

#49474A over 484A47

Sample text in #49474A colour with #484A47 background colour.

#484A47 over22 #4A4748

Sample text in #484A47 colour with #4A4748 background colour.

#4A4748 over 484A47

Sample text in #4A4748 colour with #484A47 background colour.

#484A47 over22 #4A474A

Sample text in #484A47 colour with #4A474A background colour.

#4A474A over 484A47

Sample text in #4A474A colour with #484A47 background colour.

#484A47 over22 #4A4847

Sample text in #484A47 colour with #4A4847 background colour.

#4A4847 over 484A47

Sample text in #4A4847 colour with #484A47 background colour.

#484A47 over22 #4A4947

Sample text in #484A47 colour with #4A4947 background colour.

#4A4947 over 484A47

Sample text in #4A4947 colour with #484A47 background colour.

#484A47 over22 #B7B5B8

Sample text in #484A47 colour with #B7B5B8 background colour.

#B7B5B8 over 484A47

Sample text in #B7B5B8 colour with #484A47 background colour.

#484A47 over22 #333333

Sample text in #484A47 colour with #333333 background colour.

#333333 over 484A47

Sample text in #333333 colour with #484A47 background colour.

#484A47 over22 #494949

Sample text in #484A47 colour with #494949 background colour.

#494949 over 484A47

Sample text in #494949 colour with #484A47 background colour.