Colour code #A7E716

#A7E716
rgb(167, 231, 22)
rgb(65.5%, 90.6%, 8.6%)

RGB value of #A7E716 colour is rgb(167, 231, 22) where red value is 167, green value is 231 and the blue value is 22.

Max value from RGB for colour #A7E716 is 231 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A7E716 hue angle of 78.4°, saturation:82.6% and the lightness value is 49.6%.

The process colour (four Colour CMYK) of #A7E716 colour is Cyan = 0.28, Magento = 0, Yellow = 0.9, and Key/Black (K on CMYK) = 0.09.

Hex color #A7E716 is not a web safe color. Nearby web safe colour of #A7E716 is #99FF00.

Grayscale color of #A7E716 is #BCBCBC

Inverted color of #A7E716 is #5818E9

OLE colour (RGB Long) of #A7E716 is 1501095

Decimal Value of #A7E716 is 11003670

Android / android.graphics.Color of #A7E716 is -5773546 / 0xFFA7E716

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

Hex Triplets
#A7E716
RGB Decimal
rgb(167, 231, 22)
RGB Percent
rgb(65.49%, 90.59%, 8.63%)
RGBA
rgba(167, 231, 22, 1)
HSL
hsl(78.4, 82.6%, 49.6%)
HSLA
hsla(78.4, 82.6%, 49.6%, 1)

Colour spaces of #A7E716

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 167
    65.49%
    G = 231
    90.59%
    B = 22
    8.63%

    C = 34.51%
    0.34509803921569
    M = 9.41%
    0.094117647058824
    Y = 91.37%
    0.91372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.4°
    0.2177033492823
    S = 82.6%
    0.82608695652174
    L = 49.6%
    0.49607843137255
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.4°
    0.2177033492823
    S = 90.48%
    0.9047619047619
    V = 90.59%
    0.90588235294118
  • CMYK – cyan, magenta, yellow, key/black
    C = 27.71
    0.27705627705628
    M = 0
    0
    Y = 90.48
    0.9047619047619
    K = 9.41
    0.094117647058824
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 44.657
    44.657082394159
    Y = 65.425
    65.425245038458
    Z = 11.034
    11.033717937602

    Yxy
    CIE (x, y, Y)
    Y = 65.425
    65.425245038458
    x = 0.369
    0.36871318129365
    y = 0.54
    0.54018643721788

    Hunter-Lab
    Hunter 1948 colour space
    L = 80.89
    80.885873326841
    a = -43
    -43.00044657141
    b = 48.53
    48.532306751629

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 84.7
    84.702389367468
    a = -45.36
    -45.356556603751
    b = 80.38
    80.381589391207

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 84.7024
    84.702389367468
    u = -32.1367
    -32.136739532411
    v = 96.4742
    96.47420407399

    CIELCH
    Cylindrical representation
    L = 84.7024
    84.702389367468
    C = 92.2953
    92.295271493213
    H = 119.4345
    119.4345372739

    YIQ
    Luma In-phase Quadrature
    Y = 0.7374
    0.73740392156863
    I = 0.1135
    0.11350980392157
    Q = -0.3081
    -0.30810588235294

Base Numbers

Base Red Green Blue
Binary 10100111 11100111 00010110
Octal 247 347 26
Decimal 167 231 22
Hex A7 E7 16


Colour Harmonies : #A7E716 colour combinations

Complementary colour scheme for #A7E716

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

Split-complementary colour scheme for #A7E716

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 #A7E716 are calculated by changing the hue by ±5/12 (±150°): 78.4° → -71.6° (78.4°-150°), 228.4° (78.4°+150°).

Triadic colours scheme for #A7E716

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 #A7E716 are calculated by changing the hue by ±1/3 (±120°): 78.4° → -41.6° (78.4°-120°), 198.4° (78.4°+120°).

Tetradic (Rectangle) colour scheme for #A7E716

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 #A7E716 are calculated by changing the hue as follows : 78.4° → 198.4° (78.4°+120°), 258.4° (78.4°+180°), 378.4° (78.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #A7E716 are calculated by changing the hue as follows : 78.4° → -41.6° (78.4°-120°), -101.6° (78.4°-180°), -221.6° (78.4°-300°).

Tetradic Square Colour Scheme for #A7E716

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 #A7E716 are calculated by changing the hue by 1/4 (90°) progressively : 78.4° → 168.4° (78.4°+90°), 258.4° (78.4°+180°), 348.4° (78.4°+270°).

Analagous colours of #A7E716

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 #A7E716 are calculated by changing the hue by ±1/12 (i.e. 30°): 78.4° → 108.4° (78.4°+30°), 48.4° (78.4°-30°).

RGB Variations of #A7E716

(R:A7, G:E7, B:A7)

Monochromatic colours of #A7E716

Shade Colour Variation of #A7E716 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A7E716 (Brighter)

Tint is created by mixing white to any pure color

Tones of #A7E716 colour with more saturation

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

Tones of #A7E716 colour with less saturation

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

#A7E716 Colour in CSS Codes


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

Text with hexadecimal font colour #A7E716

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


#A7E716 Background Colour

This div background Colour is #A7E716


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


#A7E716 Border Colour

This div border Colour is #A7E716


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(167, 231, 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 #A7E716">Text here</p>


Div Box Shadow

This div box has shadow with Colour # A7E716



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

Colour Palettes with #A7E716

Colour Compositions

RGB % of Colour #A7E716

CMYK % of Colour #A7E716

Related Colours along with #A7E716

Black background

Sample text in #A7E716 colour with black background colour.

White background

Sample text in #A7E716 colour with white background colour.

#A7E716 over22 #163EE7

Sample text in #A7E716 colour with #163EE7 background colour.

#163EE7 over A7E716

Sample text in #163EE7 colour with #A7E716 background colour.

#A7E716 over22 #16A7E7

Sample text in #A7E716 colour with #16A7E7 background colour.

#16A7E7 over A7E716

Sample text in #16A7E7 colour with #A7E716 background colour.

#A7E716 over22 #16E7BE

Sample text in #A7E716 colour with #16E7BE background colour.

#16E7BE over A7E716

Sample text in #16E7BE colour with #A7E716 background colour.

#A7E716 over22 #5616E7

Sample text in #A7E716 colour with #5616E7 background colour.

#5616E7 over A7E716

Sample text in #5616E7 colour with #A7E716 background colour.

#A7E716 over22 #5818E9

Sample text in #A7E716 colour with #5818E9 background colour.

#5818E9 over A7E716

Sample text in #5818E9 colour with #A7E716 background colour.

#A7E716 over22 #16E756

Sample text in #A7E716 colour with #16E756 background colour.

#16E756 over A7E716

Sample text in #16E756 colour with #A7E716 background colour.

#A7E716 over22 #16E7A7

Sample text in #A7E716 colour with #16E7A7 background colour.

#16E7A7 over A7E716

Sample text in #16E7A7 colour with #A7E716 background colour.

#A7E716 over22 #99FF00

Sample text in #A7E716 colour with #99FF00 background colour.

#99FF00 over A7E716

Sample text in #99FF00 colour with #A7E716 background colour.

#A7E716 over22 #A716E7

Sample text in #A7E716 colour with #A716E7 background colour.

#A716E7 over A7E716

Sample text in #A716E7 colour with #A7E716 background colour.

#A7E716 over22 #BCBCBC

Sample text in #A7E716 colour with #BCBCBC background colour.

#BCBCBC over A7E716

Sample text in #BCBCBC colour with #A7E716 background colour.

#A7E716 over22 #BE16E7

Sample text in #A7E716 colour with #BE16E7 background colour.

#BE16E7 over A7E716

Sample text in #BE16E7 colour with #A7E716 background colour.

#A7E716 over22 #E7163E

Sample text in #A7E716 colour with #E7163E background colour.

#E7163E over A7E716

Sample text in #E7163E colour with #A7E716 background colour.

#A7E716 over22 #E716A7

Sample text in #A7E716 colour with #E716A7 background colour.

#E716A7 over A7E716

Sample text in #E716A7 colour with #A7E716 background colour.

#A7E716 over22 #E75616

Sample text in #A7E716 colour with #E75616 background colour.

#E75616 over A7E716

Sample text in #E75616 colour with #A7E716 background colour.

#A7E716 over22 #E7A716

Sample text in #A7E716 colour with #E7A716 background colour.

#E7A716 over A7E716

Sample text in #E7A716 colour with #A7E716 background colour.