Colour code #38FE80

#38FE80
rgb(56, 254, 128)
rgb(22%, 99.6%, 50.2%)

RGB value of #38FE80 colour is rgb(56, 254, 128) where red value is 56, green value is 254 and the blue value is 128.

Max value from RGB for colour #38FE80 is 254 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #38FE80 hue angle of 141.8°, saturation:99% and the lightness value is 60.8%.

The process colour (four Colour CMYK) of #38FE80 colour is Cyan = 0.78, Magento = 0, Yellow = 0.5, and Key/Black (K on CMYK) = 0.

Hex color #38FE80 is not a web safe color. Nearby web safe colour of #38FE80 is #33FF99.

Grayscale color of #38FE80 is #B4B4B4

Inverted color of #38FE80 is #C7017F

OLE colour (RGB Long) of #38FE80 is 8453688

Decimal Value of #38FE80 is 3735168

Android / android.graphics.Color of #38FE80 is -13042048 / 0xFF38FE80

The following declarations are allowed (CSS 3.0) for #38FE80

Hex Triplets
#38FE80
RGB Decimal
rgb(56, 254, 128)
RGB Percent
rgb(21.96%, 99.61%, 50.2%)
RGBA
rgba(56, 254, 128, 1)
HSL
hsl(141.8, 99%, 60.8%)
HSLA
hsla(141.8, 99%, 60.8%, 1)

Colour spaces of #38FE80

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 56
    21.96%
    G = 254
    99.61%
    B = 128
    50.2%

    C = 78.04%
    0.78039215686275
    M = 0.39%
    0.003921568627451
    Y = 49.8%
    0.49803921568627
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 141.8°
    0.39393939393939
    S = 99%
    0.99
    L = 60.8%
    0.6078431372549
  • HSV (HSB) – hue, saturation, brightness/value
    H = 141.8°
    0.39393939393939
    S = 77.95%
    0.77952755905512
    V = 99.61%
    0.99607843137255
  • CMYK – cyan, magenta, yellow, key/black
    C = 77.95
    0.77952755905512
    M = 0
    0
    Y = 49.61
    0.49606299212598
    K = 0.39
    0.003921568627451
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 40.969
    40.968979762659
    Y = 73.283
    73.282887758387
    Z = 32.408
    32.407801767507

    Yxy
    CIE (x, y, Y)
    Y = 73.283
    73.282887758387
    x = 0.279
    0.27934728041731
    y = 0.5
    0.49967989232406

    Hunter-Lab
    Hunter 1948 colour space
    L = 85.61
    85.605424920613
    a = -64.38
    -64.383098094476
    b = 37.48
    37.478274061099

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 88.58
    88.582458628835
    a = -73.09
    -73.090577874222
    b = 46.78
    46.780183403625

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 88.5825
    88.582458628835
    u = -75.322
    -75.321971431765
    v = 74.4582
    74.45816377695

    CIELCH
    Cylindrical representation
    L = 88.5825
    88.582458628835
    C = 86.7791
    86.779134204395
    H = 147.3795
    147.37952594743

    YIQ
    Luma In-phase Quadrature
    Y = 0.7076
    0.70758431372549
    I = -0.3042
    -0.30416470588235
    Q = -0.3183
    -0.31828235294118

Base Numbers

Base Red Green Blue
Binary 00111000 11111110 10000000
Octal 70 376 200
Decimal 56 254 128
Hex 38 FE 80


Colour Harmonies : #38FE80 colour combinations

Complementary colour scheme for #38FE80

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 #38FE80 colour is calculated by adding 180° to the value of the current hue: 141.8° → 321.8° (+180°)

Split-complementary colour scheme for #38FE80

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 #38FE80 are calculated by changing the hue by ±5/12 (±150°): 141.8° → -8.2° (141.8°-150°), 291.8° (141.8°+150°).

Triadic colours scheme for #38FE80

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 #38FE80 are calculated by changing the hue by ±1/3 (±120°): 141.8° → 21.8° (141.8°-120°), 261.8° (141.8°+120°).

Tetradic (Rectangle) colour scheme for #38FE80

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 #38FE80 are calculated by changing the hue as follows : 141.8° → 261.8° (141.8°+120°), 321.8° (141.8°+180°), 441.8° (141.8°+300°).


Four tetradic scheme colours (counter-clockwise) for #38FE80 are calculated by changing the hue as follows : 141.8° → 21.8° (141.8°-120°), -38.2° (141.8°-180°), -158.2° (141.8°-300°).

Tetradic Square Colour Scheme for #38FE80

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 #38FE80 are calculated by changing the hue by 1/4 (90°) progressively : 141.8° → 231.8° (141.8°+90°), 321.8° (141.8°+180°), 411.8° (141.8°+270°).

Analagous colours of #38FE80

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 #38FE80 are calculated by changing the hue by ±1/12 (i.e. 30°): 141.8° → 171.8° (141.8°+30°), 111.8° (141.8°-30°).

RGB Variations of #38FE80

(R:38, G:FE, B:38)

Monochromatic colours of #38FE80

Shade Colour Variation of #38FE80 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #38FE80 (Brighter)

Tint is created by mixing white to any pure color

Tones of #38FE80 colour with more saturation

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

Tones of #38FE80 colour with less saturation

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

#38FE80 Colour in CSS Codes


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

Text with hexadecimal font colour #38FE80

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


#38FE80 Background Colour

This div background Colour is #38FE80


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


#38FE80 Border Colour

This div border Colour is #38FE80


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(56, 254, 128, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #38FE80;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #38FE80;
    -webkit-box-shadow: 1px 1px 3px 2px #38FE80;
    box-shadow: 1px 1px 3px 2px #38FE80;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(56, 254, 128, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 38FE80



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

Colour Palettes with #38FE80

Colour Compositions

RGB % of Colour #38FE80

CMYK % of Colour #38FE80

Related Colours along with #38FE80

Black background

Sample text in #38FE80 colour with black background colour.

White background

Sample text in #38FE80 colour with white background colour.

#38FE80 over22 #33FF99

Sample text in #38FE80 colour with #33FF99 background colour.

#33FF99 over 38FE80

Sample text in #33FF99 colour with #38FE80 background colour.

#38FE80 over22 #3853FE

Sample text in #38FE80 colour with #3853FE background colour.

#3853FE over 38FE80

Sample text in #3853FE colour with #38FE80 background colour.

#38FE80 over22 #3880FE

Sample text in #38FE80 colour with #3880FE background colour.

#3880FE over 38FE80

Sample text in #3880FE colour with #38FE80 background colour.

#38FE80 over22 #38B6FE

Sample text in #38FE80 colour with #38B6FE background colour.

#38B6FE over 38FE80

Sample text in #38B6FE colour with #38FE80 background colour.

#38FE80 over22 #8038FE

Sample text in #38FE80 colour with #8038FE background colour.

#8038FE over 38FE80

Sample text in #8038FE colour with #38FE80 background colour.

#38FE80 over22 #80FE38

Sample text in #38FE80 colour with #80FE38 background colour.

#80FE38 over 38FE80

Sample text in #80FE38 colour with #38FE80 background colour.

#38FE80 over22 #B4B4B4

Sample text in #38FE80 colour with #B4B4B4 background colour.

#B4B4B4 over 38FE80

Sample text in #B4B4B4 colour with #38FE80 background colour.

#38FE80 over22 #B6FE38

Sample text in #38FE80 colour with #B6FE38 background colour.

#B6FE38 over 38FE80

Sample text in #B6FE38 colour with #38FE80 background colour.

#38FE80 over22 #C7017F

Sample text in #38FE80 colour with #C7017F background colour.

#C7017F over 38FE80

Sample text in #C7017F colour with #38FE80 background colour.

#38FE80 over22 #E338FE

Sample text in #38FE80 colour with #E338FE background colour.

#E338FE over 38FE80

Sample text in #E338FE colour with #38FE80 background colour.

#38FE80 over22 #FE3853

Sample text in #38FE80 colour with #FE3853 background colour.

#FE3853 over 38FE80

Sample text in #FE3853 colour with #38FE80 background colour.

#38FE80 over22 #FE3880

Sample text in #38FE80 colour with #FE3880 background colour.

#FE3880 over 38FE80

Sample text in #FE3880 colour with #38FE80 background colour.

#38FE80 over22 #FE38B6

Sample text in #38FE80 colour with #FE38B6 background colour.

#FE38B6 over 38FE80

Sample text in #FE38B6 colour with #38FE80 background colour.

#38FE80 over22 #FE8038

Sample text in #38FE80 colour with #FE8038 background colour.

#FE8038 over 38FE80

Sample text in #FE8038 colour with #38FE80 background colour.

#38FE80 over22 #FEE338

Sample text in #38FE80 colour with #FEE338 background colour.

#FEE338 over 38FE80

Sample text in #FEE338 colour with #38FE80 background colour.