Colour code #467A17

#467A17
rgb(70, 122, 23)
rgb(27.5%, 47.8%, 9%)

RGB value of #467A17 colour is rgb(70, 122, 23) where red value is 70, green value is 122 and the blue value is 23.

Max value from RGB for colour #467A17 is 122 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #467A17 hue angle of 91.5°, saturation:68.3% and the lightness value is 28.4%.

The process colour (four Colour CMYK) of #467A17 colour is Cyan = 0.43, Magento = 0, Yellow = 0.81, and Key/Black (K on CMYK) = 0.52.

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

Grayscale color of #467A17 is #5F5F5F

Inverted color of #467A17 is #B985E8

OLE colour (RGB Long) of #467A17 is 1538630

Decimal Value of #467A17 is 4618775

Android / android.graphics.Color of #467A17 is -12158441 / 0xFF467A17

The following declarations are allowed (CSS 3.0) for #467A17

Hex Triplets
#467A17
RGB Decimal
rgb(70, 122, 23)
RGB Percent
rgb(27.45%, 47.84%, 9.02%)
RGBA
rgba(70, 122, 23, 1)
HSL
hsl(91.5, 68.3%, 28.4%)
HSLA
hsla(91.5, 68.3%, 28.4%, 1)

Colour spaces of #467A17

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 70
    27.45%
    G = 122
    47.84%
    B = 23
    9.02%

    C = 72.55%
    0.72549019607843
    M = 52.16%
    0.52156862745098
    Y = 90.98%
    0.90980392156863
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 91.5°
    0.25420875420875
    S = 68.3%
    0.68275862068966
    L = 28.4%
    0.2843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 91.5°
    0.25420875420875
    S = 81.15%
    0.81147540983607
    V = 47.84%
    0.47843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 42.62
    0.42622950819672
    M = 0
    0
    Y = 81.15
    0.81147540983607
    K = 52.16
    0.52156862745098
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 9.64
    9.6399755605088
    Y = 15.283
    15.283020213108
    Z = 3.252
    3.2524497635281

    Yxy
    CIE (x, y, Y)
    Y = 15.283
    15.283020213108
    x = 0.342
    0.34214101593531
    y = 0.542
    0.54242337332199

    Hunter-Lab
    Hunter 1948 colour space
    L = 39.09
    39.093503569146
    a = -24.4
    -24.397733962527
    b = 22.43
    22.432721254744

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 46.02
    46.019422564375
    a = -34.15
    -34.149815217075
    b = 44.87
    44.874554698277

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 46.0194
    46.019422564375
    u = -25.5802
    -25.580201000854
    v = 50.7653
    50.765298900169

    CIELCH
    Cylindrical representation
    L = 46.0194
    46.019422564375
    C = 56.3909
    56.39091716517
    H = 127.2714
    127.27136046666

    YIQ
    Luma In-phase Quadrature
    Y = 0.3732
    0.3732
    I = 0.0031
    0.0030862745098039
    Q = -0.164
    -0.16397254901961

Base Numbers

Base Red Green Blue
Binary 01000110 01111010 00010111
Octal 106 172 27
Decimal 70 122 23
Hex 46 7A 17


Colour Harmonies : #467A17 colour combinations

Complementary colour scheme for #467A17

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 #467A17 colour is calculated by adding 180° to the value of the current hue: 91.5° → 271.5° (+180°)

Split-complementary colour scheme for #467A17

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 #467A17 are calculated by changing the hue by ±5/12 (±150°): 91.5° → -58.5° (91.5°-150°), 241.5° (91.5°+150°).

Triadic colours scheme for #467A17

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 #467A17 are calculated by changing the hue by ±1/3 (±120°): 91.5° → -28.5° (91.5°-120°), 211.5° (91.5°+120°).

Tetradic (Rectangle) colour scheme for #467A17

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 #467A17 are calculated by changing the hue as follows : 91.5° → 211.5° (91.5°+120°), 271.5° (91.5°+180°), 391.5° (91.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #467A17 are calculated by changing the hue as follows : 91.5° → -28.5° (91.5°-120°), -88.5° (91.5°-180°), -208.5° (91.5°-300°).

Tetradic Square Colour Scheme for #467A17

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 #467A17 are calculated by changing the hue by 1/4 (90°) progressively : 91.5° → 181.5° (91.5°+90°), 271.5° (91.5°+180°), 361.5° (91.5°+270°).

Analagous colours of #467A17

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 #467A17 are calculated by changing the hue by ±1/12 (i.e. 30°): 91.5° → 121.5° (91.5°+30°), 61.5° (91.5°-30°).

RGB Variations of #467A17

(R:46, G:7A, B:46)

Monochromatic colours of #467A17

Shade Colour Variation of #467A17 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #467A17 (Brighter)

Tint is created by mixing white to any pure color

Tones of #467A17 colour with more saturation

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

Tones of #467A17 colour with less saturation

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

#467A17 Colour in CSS Codes


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

Text with hexadecimal font colour #467A17

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


#467A17 Background Colour

This div background Colour is #467A17


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


#467A17 Border Colour

This div border Colour is #467A17


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(70, 122, 23, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #467A17;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #467A17;
    -webkit-box-shadow: 1px 1px 3px 2px #467A17;
    box-shadow: 1px 1px 3px 2px #467A17;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(70, 122, 23, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 467A17



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

Colour Palettes with #467A17

Colour Compositions

RGB % of Colour #467A17

CMYK % of Colour #467A17

Related Colours along with #467A17

Black background

Sample text in #467A17 colour with black background colour.

White background

Sample text in #467A17 colour with white background colour.

#467A17 over22 #17467A

Sample text in #467A17 colour with #17467A background colour.

#17467A over 467A17

Sample text in #17467A colour with #467A17 background colour.

#467A17 over22 #17777A

Sample text in #467A17 colour with #17777A background colour.

#17777A over 467A17

Sample text in #17777A colour with #467A17 background colour.

#467A17 over22 #177A46

Sample text in #467A17 colour with #177A46 background colour.

#177A46 over 467A17

Sample text in #177A46 colour with #467A17 background colour.

#467A17 over22 #177A4B

Sample text in #467A17 colour with #177A4B background colour.

#177A4B over 467A17

Sample text in #177A4B colour with #467A17 background colour.

#467A17 over22 #19177A

Sample text in #467A17 colour with #19177A background colour.

#19177A over 467A17

Sample text in #19177A colour with #467A17 background colour.

#467A17 over22 #46177A

Sample text in #467A17 colour with #46177A background colour.

#46177A over 467A17

Sample text in #46177A colour with #467A17 background colour.

#467A17 over22 #4B177A

Sample text in #467A17 colour with #4B177A background colour.

#4B177A over 467A17

Sample text in #4B177A colour with #467A17 background colour.

#467A17 over22 #5F5F5F

Sample text in #467A17 colour with #5F5F5F background colour.

#5F5F5F over 467A17

Sample text in #5F5F5F colour with #467A17 background colour.

#467A17 over22 #7A1746

Sample text in #467A17 colour with #7A1746 background colour.

#7A1746 over 467A17

Sample text in #7A1746 colour with #467A17 background colour.

#467A17 over22 #7A1777

Sample text in #467A17 colour with #7A1777 background colour.

#7A1777 over 467A17

Sample text in #7A1777 colour with #467A17 background colour.

#467A17 over22 #7A1917

Sample text in #467A17 colour with #7A1917 background colour.

#7A1917 over 467A17

Sample text in #7A1917 colour with #467A17 background colour.

#467A17 over22 #7A4617

Sample text in #467A17 colour with #7A4617 background colour.

#7A4617 over 467A17

Sample text in #7A4617 colour with #467A17 background colour.

#467A17 over22 #7A4B17

Sample text in #467A17 colour with #7A4B17 background colour.

#7A4B17 over 467A17

Sample text in #7A4B17 colour with #467A17 background colour.

#467A17 over22 #B985E8

Sample text in #467A17 colour with #B985E8 background colour.

#B985E8 over 467A17

Sample text in #B985E8 colour with #467A17 background colour.

#467A17 over22 #336600

Sample text in #467A17 colour with #336600 background colour.

#336600 over 467A17

Sample text in #336600 colour with #467A17 background colour.