Colour code #74A849

#74A849
rgb(116, 168, 73)
rgb(45.5%, 65.9%, 28.6%)

RGB value of #74A849 colour is rgb(116, 168, 73) where red value is 116, green value is 168 and the blue value is 73.

Max value from RGB for colour #74A849 is 168 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #74A849 hue angle of 92.8°, saturation:39.4% and the lightness value is 47.3%.

The process colour (four Colour CMYK) of #74A849 colour is Cyan = 0.31, Magento = 0, Yellow = 0.57, and Key/Black (K on CMYK) = 0.34.

Hex color #74A849 is not a web safe color. Nearby web safe colour of #74A849 is #669933.

Grayscale color of #74A849 is #8D8D8D

Inverted color of #74A849 is #8B57B6

OLE colour (RGB Long) of #74A849 is 4827252

Decimal Value of #74A849 is 7645257

Android / android.graphics.Color of #74A849 is -9131959 / 0xFF74A849

The following declarations are allowed (CSS 3.0) for #74A849

Hex Triplets
#74A849
RGB Decimal
rgb(116, 168, 73)
RGB Percent
rgb(45.49%, 65.88%, 28.63%)
RGBA
rgba(116, 168, 73, 1)
HSL
hsl(92.8, 39.4%, 47.3%)
HSLA
hsla(92.8, 39.4%, 47.3%, 1)

Colour spaces of #74A849

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 116
    45.49%
    G = 168
    65.88%
    B = 73
    28.63%

    C = 54.51%
    0.54509803921569
    M = 34.12%
    0.34117647058824
    Y = 71.37%
    0.71372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 92.8°
    0.25789473684211
    S = 39.4%
    0.39419087136929
    L = 47.3%
    0.47254901960784
  • HSV (HSB) – hue, saturation, brightness/value
    H = 92.8°
    0.25789473684211
    S = 56.55%
    0.56547619047619
    V = 65.88%
    0.65882352941176
  • CMYK – cyan, magenta, yellow, key/black
    C = 30.95
    0.30952380952381
    M = 0
    0
    Y = 56.55
    0.56547619047619
    K = 34.12
    0.34117647058824
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 22.408
    22.407688923607
    Y = 32.199
    32.199306687386
    Z = 11.337
    11.337408891923

    Yxy
    CIE (x, y, Y)
    Y = 32.199
    32.199306687386
    x = 0.34
    0.33979666800412
    y = 0.488
    0.4882795883912

    Hunter-Lab
    Hunter 1948 colour space
    L = 56.74
    56.744432931686
    a = -28.82
    -28.815270731444
    b = 27.88
    27.875095638354

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 63.51
    63.507267777543
    a = -33.82
    -33.82390631178
    b = 42.99
    42.99053472749

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 63.5073
    63.507267777543
    u = -26.1509
    -26.15090725841
    v = 56.8886
    56.888642339796

    CIELCH
    Cylindrical representation
    L = 63.5073
    63.507267777543
    C = 54.7014
    54.701395908547
    H = 128.1948
    128.19480720007

    YIQ
    Luma In-phase Quadrature
    Y = 0.5554
    0.55538039215686
    I = -0.0019
    -0.0019490196078432
    Q = -0.1591
    -0.15909411764706

Base Numbers

Base Red Green Blue
Binary 01110100 10101000 01001001
Octal 164 250 111
Decimal 116 168 73
Hex 74 A8 49


Colour Harmonies : #74A849 colour combinations

Complementary colour scheme for #74A849

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 #74A849 colour is calculated by adding 180° to the value of the current hue: 92.8° → 272.8° (+180°)

Split-complementary colour scheme for #74A849

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 #74A849 are calculated by changing the hue by ±5/12 (±150°): 92.8° → -57.2° (92.8°-150°), 242.8° (92.8°+150°).

Triadic colours scheme for #74A849

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 #74A849 are calculated by changing the hue by ±1/3 (±120°): 92.8° → -27.2° (92.8°-120°), 212.8° (92.8°+120°).

Tetradic (Rectangle) colour scheme for #74A849

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 #74A849 are calculated by changing the hue as follows : 92.8° → 212.8° (92.8°+120°), 272.8° (92.8°+180°), 392.8° (92.8°+300°).


Four tetradic scheme colours (counter-clockwise) for #74A849 are calculated by changing the hue as follows : 92.8° → -27.2° (92.8°-120°), -87.2° (92.8°-180°), -207.2° (92.8°-300°).

Tetradic Square Colour Scheme for #74A849

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 #74A849 are calculated by changing the hue by 1/4 (90°) progressively : 92.8° → 182.8° (92.8°+90°), 272.8° (92.8°+180°), 362.8° (92.8°+270°).

Analagous colours of #74A849

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 #74A849 are calculated by changing the hue by ±1/12 (i.e. 30°): 92.8° → 122.8° (92.8°+30°), 62.8° (92.8°-30°).

RGB Variations of #74A849

(R:74, G:A8, B:74)

Monochromatic colours of #74A849

Shade Colour Variation of #74A849 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #74A849 (Brighter)

Tint is created by mixing white to any pure color

Tones of #74A849 colour with more saturation

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

Tones of #74A849 colour with less saturation

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

#74A849 Colour in CSS Codes


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

Text with hexadecimal font colour #74A849

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


#74A849 Background Colour

This div background Colour is #74A849


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


#74A849 Border Colour

This div border Colour is #74A849


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(116, 168, 73, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #74A849;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #74A849;
    -webkit-box-shadow: 1px 1px 3px 2px #74A849;
    box-shadow: 1px 1px 3px 2px #74A849;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(116, 168, 73, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 74A849



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

Colour Palettes with #74A849

Colour Compositions

RGB % of Colour #74A849

CMYK % of Colour #74A849

Related Colours along with #74A849

Black background

Sample text in #74A849 colour with black background colour.

White background

Sample text in #74A849 colour with white background colour.

#74A849 over22 #4974A8

Sample text in #74A849 colour with #4974A8 background colour.

#4974A8 over 74A849

Sample text in #4974A8 colour with #74A849 background colour.

#74A849 over22 #49A4A8

Sample text in #74A849 colour with #49A4A8 background colour.

#49A4A8 over 74A849

Sample text in #49A4A8 colour with #74A849 background colour.

#74A849 over22 #49A874

Sample text in #74A849 colour with #49A874 background colour.

#49A874 over 74A849

Sample text in #49A874 colour with #74A849 background colour.

#74A849 over22 #49A87D

Sample text in #74A849 colour with #49A87D background colour.

#49A87D over 74A849

Sample text in #49A87D colour with #74A849 background colour.

#74A849 over22 #7449A8

Sample text in #74A849 colour with #7449A8 background colour.

#7449A8 over 74A849

Sample text in #7449A8 colour with #74A849 background colour.

#74A849 over22 #7D49A8

Sample text in #74A849 colour with #7D49A8 background colour.

#7D49A8 over 74A849

Sample text in #7D49A8 colour with #74A849 background colour.

#74A849 over22 #8B57B6

Sample text in #74A849 colour with #8B57B6 background colour.

#8B57B6 over 74A849

Sample text in #8B57B6 colour with #74A849 background colour.

#74A849 over22 #8D8D8D

Sample text in #74A849 colour with #8D8D8D background colour.

#8D8D8D over 74A849

Sample text in #8D8D8D colour with #74A849 background colour.

#74A849 over22 #A84974

Sample text in #74A849 colour with #A84974 background colour.

#A84974 over 74A849

Sample text in #A84974 colour with #74A849 background colour.

#74A849 over22 #669933

Sample text in #74A849 colour with #669933 background colour.

#669933 over 74A849

Sample text in #669933 colour with #74A849 background colour.

#74A849 over22 #4E49A8

Sample text in #74A849 colour with #4E49A8 background colour.

#4E49A8 over 74A849

Sample text in #4E49A8 colour with #74A849 background colour.

#74A849 over22 #A849A4

Sample text in #74A849 colour with #A849A4 background colour.

#A849A4 over 74A849

Sample text in #A849A4 colour with #74A849 background colour.

#74A849 over22 #A84E49

Sample text in #74A849 colour with #A84E49 background colour.

#A84E49 over 74A849

Sample text in #A84E49 colour with #74A849 background colour.

#74A849 over22 #A87449

Sample text in #74A849 colour with #A87449 background colour.

#A87449 over 74A849

Sample text in #A87449 colour with #74A849 background colour.

#74A849 over22 #A87D49

Sample text in #74A849 colour with #A87D49 background colour.

#A87D49 over 74A849

Sample text in #A87D49 colour with #74A849 background colour.