Colour code #4BEC04

#4BEC04
rgb(75, 236, 4)
rgb(29.4%, 92.5%, 1.6%)

RGB value of #4BEC04 colour is rgb(75, 236, 4) where red value is 75, green value is 236 and the blue value is 4.

Max value from RGB for colour #4BEC04 is 236 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #4BEC04 hue angle of 101.6°, saturation:96.7% and the lightness value is 47.1%.

The process colour (four Colour CMYK) of #4BEC04 colour is Cyan = 0.68, Magento = 0, Yellow = 0.98, and Key/Black (K on CMYK) = 0.07.

Hex color #4BEC04 is not a web safe color. Nearby web safe colour of #4BEC04 is #33FF00.

Grayscale color of #4BEC04 is #A2A2A2

Inverted color of #4BEC04 is #B413FB

OLE colour (RGB Long) of #4BEC04 is 322635

Decimal Value of #4BEC04 is 4975620

Android / android.graphics.Color of #4BEC04 is -11801596 / 0xFF4BEC04

The following declarations are allowed (CSS 3.0) for #4BEC04

Hex Triplets
#4BEC04
RGB Decimal
rgb(75, 236, 4)
RGB Percent
rgb(29.41%, 92.55%, 1.57%)
RGBA
rgba(75, 236, 4, 1)
HSL
hsl(101.6, 96.7%, 47.1%)
HSLA
hsla(101.6, 96.7%, 47.1%, 1)

Colour spaces of #4BEC04

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 75
    29.41%
    G = 236
    92.55%
    B = 4
    1.57%

    C = 70.59%
    0.70588235294118
    M = 7.45%
    0.074509803921569
    Y = 98.43%
    0.9843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 101.6°
    0.2823275862069
    S = 96.7%
    0.96666666666667
    L = 47.1%
    0.47058823529412
  • HSV (HSB) – hue, saturation, brightness/value
    H = 101.6°
    0.2823275862069
    S = 98.31%
    0.98305084745763
    V = 92.55%
    0.92549019607843
  • CMYK – cyan, magenta, yellow, key/black
    C = 68.22
    0.68220338983051
    M = 0
    0
    Y = 98.31
    0.98305084745763
    K = 7.45
    0.074509803921569
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 32.919
    32.919017654589
    Y = 61.496
    61.495526813492
    Z = 10.25
    10.249680163789

    Yxy
    CIE (x, y, Y)
    Y = 61.496
    61.495526813492
    x = 0.315
    0.31452024577044
    y = 0.588
    0.5875505888453

    Hunter-Lab
    Hunter 1948 colour space
    L = 78.42
    78.419083655378
    a = -62.3
    -62.302086600345
    b = 47.14
    47.143924255481

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 82.64
    82.644414179251
    a = -74.06
    -74.057490386417
    b = 79.1
    79.096406840502

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 82.6444
    82.644414179251
    u = -69.0908
    -69.090832113993
    v = 99.8359
    99.835899039216

    CIELCH
    Cylindrical representation
    L = 82.6444
    82.644414179251
    C = 108.3548
    108.35475742861
    H = 133.1156
    133.11559127392

    YIQ
    Luma In-phase Quadrature
    Y = 0.633
    0.63299215686275
    I = -0.0843
    -0.084250980392157
    Q = -0.4168
    -0.4168

Base Numbers

Base Red Green Blue
Binary 01001011 11101100 00000100
Octal 113 354 4
Decimal 75 236 4
Hex 4B EC 4


Colour Harmonies : #4BEC04 colour combinations

Complementary colour scheme for #4BEC04

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 #4BEC04 colour is calculated by adding 180° to the value of the current hue: 101.6° → 281.6° (+180°)

Split-complementary colour scheme for #4BEC04

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 #4BEC04 are calculated by changing the hue by ±5/12 (±150°): 101.6° → -48.4° (101.6°-150°), 251.6° (101.6°+150°).

Triadic colours scheme for #4BEC04

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 #4BEC04 are calculated by changing the hue by ±1/3 (±120°): 101.6° → -18.4° (101.6°-120°), 221.6° (101.6°+120°).

Tetradic (Rectangle) colour scheme for #4BEC04

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 #4BEC04 are calculated by changing the hue as follows : 101.6° → 221.6° (101.6°+120°), 281.6° (101.6°+180°), 401.6° (101.6°+300°).


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

Tetradic Square Colour Scheme for #4BEC04

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 #4BEC04 are calculated by changing the hue by 1/4 (90°) progressively : 101.6° → 191.6° (101.6°+90°), 281.6° (101.6°+180°), 371.6° (101.6°+270°).

Analagous colours of #4BEC04

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 #4BEC04 are calculated by changing the hue by ±1/12 (i.e. 30°): 101.6° → 131.6° (101.6°+30°), 71.6° (101.6°-30°).

RGB Variations of #4BEC04

(R:4B, G:EC, B:4B)

Monochromatic colours of #4BEC04

Shade Colour Variation of #4BEC04 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #4BEC04 (Brighter)

Tint is created by mixing white to any pure color

Tones of #4BEC04 colour with more saturation

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

Tones of #4BEC04 colour with less saturation

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

#4BEC04 Colour in CSS Codes


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

Text with hexadecimal font colour #4BEC04

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


#4BEC04 Background Colour

This div background Colour is #4BEC04


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


#4BEC04 Border Colour

This div border Colour is #4BEC04


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(75, 236, 4, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #4BEC04;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #4BEC04;
    -webkit-box-shadow: 1px 1px 3px 2px #4BEC04;
    box-shadow: 1px 1px 3px 2px #4BEC04;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 4BEC04



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

Colour Palettes with #4BEC04

Colour Compositions

RGB % of Colour #4BEC04

CMYK % of Colour #4BEC04

Related Colours along with #4BEC04

Black background

Sample text in #4BEC04 colour with black background colour.

White background

Sample text in #4BEC04 colour with white background colour.

#4BEC04 over22 #044BEC

Sample text in #4BEC04 colour with #044BEC background colour.

#044BEC over 4BEC04

Sample text in #044BEC colour with #4BEC04 background colour.

#4BEC04 over22 #04BFEC

Sample text in #4BEC04 colour with #04BFEC background colour.

#04BFEC over 4BEC04

Sample text in #04BFEC colour with #4BEC04 background colour.

#4BEC04 over22 #04EC4B

Sample text in #4BEC04 colour with #04EC4B background colour.

#04EC4B over 4BEC04

Sample text in #04EC4B colour with #4BEC04 background colour.

#4BEC04 over22 #04ECA5

Sample text in #4BEC04 colour with #04ECA5 background colour.

#04ECA5 over 4BEC04

Sample text in #04ECA5 colour with #4BEC04 background colour.

#4BEC04 over22 #3104EC

Sample text in #4BEC04 colour with #3104EC background colour.

#3104EC over 4BEC04

Sample text in #3104EC colour with #4BEC04 background colour.

#4BEC04 over22 #33FF00

Sample text in #4BEC04 colour with #33FF00 background colour.

#33FF00 over 4BEC04

Sample text in #33FF00 colour with #4BEC04 background colour.

#4BEC04 over22 #4B04EC

Sample text in #4BEC04 colour with #4B04EC background colour.

#4B04EC over 4BEC04

Sample text in #4B04EC colour with #4BEC04 background colour.

#4BEC04 over22 #A2A2A2

Sample text in #4BEC04 colour with #A2A2A2 background colour.

#A2A2A2 over 4BEC04

Sample text in #A2A2A2 colour with #4BEC04 background colour.

#4BEC04 over22 #A504EC

Sample text in #4BEC04 colour with #A504EC background colour.

#A504EC over 4BEC04

Sample text in #A504EC colour with #4BEC04 background colour.

#4BEC04 over22 #B413FB

Sample text in #4BEC04 colour with #B413FB background colour.

#B413FB over 4BEC04

Sample text in #B413FB colour with #4BEC04 background colour.

#4BEC04 over22 #EC044B

Sample text in #4BEC04 colour with #EC044B background colour.

#EC044B over 4BEC04

Sample text in #EC044B colour with #4BEC04 background colour.

#4BEC04 over22 #EC04BF

Sample text in #4BEC04 colour with #EC04BF background colour.

#EC04BF over 4BEC04

Sample text in #EC04BF colour with #4BEC04 background colour.

#4BEC04 over22 #EC3104

Sample text in #4BEC04 colour with #EC3104 background colour.

#EC3104 over 4BEC04

Sample text in #EC3104 colour with #4BEC04 background colour.

#4BEC04 over22 #EC4B04

Sample text in #4BEC04 colour with #EC4B04 background colour.

#EC4B04 over 4BEC04

Sample text in #EC4B04 colour with #4BEC04 background colour.

#4BEC04 over22 #ECA504

Sample text in #4BEC04 colour with #ECA504 background colour.

#ECA504 over 4BEC04

Sample text in #ECA504 colour with #4BEC04 background colour.