Colour code #8DF7C8

#8DF7C8
rgb(141, 247, 200)
rgb(55.3%, 96.9%, 78.4%)

RGB value of #8DF7C8 colour is rgb(141, 247, 200) where red value is 141, green value is 247 and the blue value is 200.

Max value from RGB for colour #8DF7C8 is 247 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #8DF7C8 hue angle of 153.4°, saturation:86.9% and the lightness value is 76.1%.

The process colour (four Colour CMYK) of #8DF7C8 colour is Cyan = 0.43, Magento = 0, Yellow = 0.19, and Key/Black (K on CMYK) = 0.03.

Hex color #8DF7C8 is not a web safe color. Nearby web safe colour of #8DF7C8 is #99FFCC.

Grayscale color of #8DF7C8 is #D2D2D2

Inverted color of #8DF7C8 is #720837

OLE colour (RGB Long) of #8DF7C8 is 13170573

Decimal Value of #8DF7C8 is 9304008

Android / android.graphics.Color of #8DF7C8 is -7473208 / 0xFF8DF7C8

The following declarations are allowed (CSS 3.0) for #8DF7C8

Hex Triplets
#8DF7C8
RGB Decimal
rgb(141, 247, 200)
RGB Percent
rgb(55.29%, 96.86%, 78.43%)
RGBA
rgba(141, 247, 200, 1)
HSL
hsl(153.4, 86.9%, 76.1%)
HSLA
hsla(153.4, 86.9%, 76.1%, 1)

Colour spaces of #8DF7C8

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 141
    55.29%
    G = 247
    96.86%
    B = 200
    78.43%

    C = 44.71%
    0.44705882352941
    M = 3.14%
    0.031372549019608
    Y = 21.57%
    0.2156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 153.4°
    0.42610062893082
    S = 86.9%
    0.86885245901639
    L = 76.1%
    0.76078431372549
  • HSV (HSB) – hue, saturation, brightness/value
    H = 153.4°
    0.42610062893082
    S = 42.91%
    0.42914979757085
    V = 96.86%
    0.96862745098039
  • CMYK – cyan, magenta, yellow, key/black
    C = 42.91
    0.42914979757085
    M = 0
    0
    Y = 19.03
    0.19028340080972
    K = 3.14
    0.031372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 54.671
    54.67059638733
    Y = 76.354
    76.354379529021
    Z = 66.5
    66.500008611943

    Yxy
    CIE (x, y, Y)
    Y = 76.354
    76.354379529021
    x = 0.277
    0.27677813274046
    y = 0.387
    0.3865555525108

    Hunter-Lab
    Hunter 1948 colour space
    L = 87.38
    87.380993087182
    a = -41.24
    -41.236827771517
    b = 16.04
    16.044920146771

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 90.02
    90.023622832087
    a = -41.18
    -41.175409756443
    b = 13.11
    13.111581876055

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 90.0236
    90.023622832087
    u = -48.6623
    -48.662289700534
    v = 26.5583
    26.558302405737

    CIELCH
    Cylindrical representation
    L = 90.0236
    90.023622832087
    C = 43.2126
    43.212590154994
    H = 162.3368
    162.33684272154

    YIQ
    Luma In-phase Quadrature
    Y = 0.8233
    0.82332549019608
    I = -0.1886
    -0.18858431372549
    Q = -0.1454
    -0.14544705882353

Base Numbers

Base Red Green Blue
Binary 10001101 11110111 11001000
Octal 215 367 310
Decimal 141 247 200
Hex 8D F7 C8


Colour Harmonies : #8DF7C8 colour combinations

Complementary colour scheme for #8DF7C8

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 #8DF7C8 colour is calculated by adding 180° to the value of the current hue: 153.4° → 333.4° (+180°)

Split-complementary colour scheme for #8DF7C8

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 #8DF7C8 are calculated by changing the hue by ±5/12 (±150°): 153.4° → 3.4° (153.4°-150°), 303.4° (153.4°+150°).

Triadic colours scheme for #8DF7C8

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 #8DF7C8 are calculated by changing the hue by ±1/3 (±120°): 153.4° → 33.4° (153.4°-120°), 273.4° (153.4°+120°).

Tetradic (Rectangle) colour scheme for #8DF7C8

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 #8DF7C8 are calculated by changing the hue as follows : 153.4° → 273.4° (153.4°+120°), 333.4° (153.4°+180°), 453.4° (153.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #8DF7C8 are calculated by changing the hue as follows : 153.4° → 33.4° (153.4°-120°), -26.6° (153.4°-180°), -146.6° (153.4°-300°).

Tetradic Square Colour Scheme for #8DF7C8

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 #8DF7C8 are calculated by changing the hue by 1/4 (90°) progressively : 153.4° → 243.4° (153.4°+90°), 333.4° (153.4°+180°), 423.4° (153.4°+270°).

Analagous colours of #8DF7C8

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 #8DF7C8 are calculated by changing the hue by ±1/12 (i.e. 30°): 153.4° → 183.4° (153.4°+30°), 123.4° (153.4°-30°).

RGB Variations of #8DF7C8

(R:8D, G:F7, B:8D)

Monochromatic colours of #8DF7C8

Shade Colour Variation of #8DF7C8 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #8DF7C8 (Brighter)

Tint is created by mixing white to any pure color

Tones of #8DF7C8 colour with more saturation

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

Tones of #8DF7C8 colour with less saturation

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

#8DF7C8 Colour in CSS Codes


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

Text with hexadecimal font colour #8DF7C8

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


#8DF7C8 Background Colour

This div background Colour is #8DF7C8


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


#8DF7C8 Border Colour

This div border Colour is #8DF7C8


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(141, 247, 200, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #8DF7C8;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #8DF7C8;
    -webkit-box-shadow: 1px 1px 3px 2px #8DF7C8;
    box-shadow: 1px 1px 3px 2px #8DF7C8;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(141, 247, 200, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 8DF7C8



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

Colour Palettes with #8DF7C8

Colour Compositions

RGB % of Colour #8DF7C8

CMYK % of Colour #8DF7C8

Related Colours along with #8DF7C8

Black background

Sample text in #8DF7C8 colour with black background colour.

White background

Sample text in #8DF7C8 colour with white background colour.

#8DF7C8 over22 #8DBCF7

Sample text in #8DF7C8 colour with #8DBCF7 background colour.

#8DBCF7 over 8DF7C8

Sample text in #8DBCF7 colour with #8DF7C8 background colour.

#8DF7C8 over22 #8DC8F7

Sample text in #8DF7C8 colour with #8DC8F7 background colour.

#8DC8F7 over 8DF7C8

Sample text in #8DC8F7 colour with #8DF7C8 background colour.

#8DF7C8 over22 #938DF7

Sample text in #8DF7C8 colour with #938DF7 background colour.

#938DF7 over 8DF7C8

Sample text in #938DF7 colour with #8DF7C8 background colour.

#8DF7C8 over22 #99FFCC

Sample text in #8DF7C8 colour with #99FFCC background colour.

#99FFCC over 8DF7C8

Sample text in #99FFCC colour with #8DF7C8 background colour.

#8DF7C8 over22 #BCF78D

Sample text in #8DF7C8 colour with #BCF78D background colour.

#BCF78D over 8DF7C8

Sample text in #BCF78D colour with #8DF7C8 background colour.

#8DF7C8 over22 #C88DF7

Sample text in #8DF7C8 colour with #C88DF7 background colour.

#C88DF7 over 8DF7C8

Sample text in #C88DF7 colour with #8DF7C8 background colour.

#8DF7C8 over22 #C8F78D

Sample text in #8DF7C8 colour with #C8F78D background colour.

#C8F78D over 8DF7C8

Sample text in #C8F78D colour with #8DF7C8 background colour.

#8DF7C8 over22 #D2D2D2

Sample text in #8DF7C8 colour with #D2D2D2 background colour.

#D2D2D2 over 8DF7C8

Sample text in #D2D2D2 colour with #8DF7C8 background colour.

#8DF7C8 over22 #F1F78D

Sample text in #8DF7C8 colour with #F1F78D background colour.

#F1F78D over 8DF7C8

Sample text in #F1F78D colour with #8DF7C8 background colour.

#8DF7C8 over22 #F78DBC

Sample text in #8DF7C8 colour with #F78DBC background colour.

#F78DBC over 8DF7C8

Sample text in #F78DBC colour with #8DF7C8 background colour.

#8DF7C8 over22 #F78DC8

Sample text in #8DF7C8 colour with #F78DC8 background colour.

#F78DC8 over 8DF7C8

Sample text in #F78DC8 colour with #8DF7C8 background colour.

#8DF7C8 over22 #F78DF1

Sample text in #8DF7C8 colour with #F78DF1 background colour.

#F78DF1 over 8DF7C8

Sample text in #F78DF1 colour with #8DF7C8 background colour.

#8DF7C8 over22 #F7938D

Sample text in #8DF7C8 colour with #F7938D background colour.

#F7938D over 8DF7C8

Sample text in #F7938D colour with #8DF7C8 background colour.

#8DF7C8 over22 #F7C88D

Sample text in #8DF7C8 colour with #F7C88D background colour.

#F7C88D over 8DF7C8

Sample text in #F7C88D colour with #8DF7C8 background colour.

#8DF7C8 over22 #720837

Sample text in #8DF7C8 colour with #720837 background colour.

#720837 over 8DF7C8

Sample text in #720837 colour with #8DF7C8 background colour.