Colour code #01B643

#01B643
rgb(1, 182, 67)
rgb(0.4%, 71.4%, 26.3%)

RGB value of #01B643 colour is rgb(1, 182, 67) where red value is 1, green value is 182 and the blue value is 67.

Max value from RGB for colour #01B643 is 182 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #01B643 hue angle of 141.9°, saturation:98.9% and the lightness value is 35.9%.

The process colour (four Colour CMYK) of #01B643 colour is Cyan = 0.99, Magento = 0, Yellow = 0.63, and Key/Black (K on CMYK) = 0.29.

Hex color #01B643 is not a web safe color. Nearby web safe colour of #01B643 is #00CC33.

Grayscale color of #01B643 is #737373

Inverted color of #01B643 is #FE49BC

OLE colour (RGB Long) of #01B643 is 4437505

Decimal Value of #01B643 is 112195

Android / android.graphics.Color of #01B643 is -16665021 / 0xFF01B643

The following declarations are allowed (CSS 3.0) for #01B643

Hex Triplets
#01B643
RGB Decimal
rgb(1, 182, 67)
RGB Percent
rgb(0.39%, 71.37%, 26.27%)
RGBA
rgba(1, 182, 67, 1)
HSL
hsl(141.9, 98.9%, 35.9%)
HSLA
hsla(141.9, 98.9%, 35.9%, 1)

Colour spaces of #01B643

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 1
    0.39%
    G = 182
    71.37%
    B = 67
    26.27%

    C = 99.61%
    0.99607843137255
    M = 28.63%
    0.28627450980392
    Y = 73.73%
    0.73725490196078
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 141.9°
    0.39410681399632
    S = 98.9%
    0.98907103825137
    L = 35.9%
    0.35882352941176
  • HSV (HSB) – hue, saturation, brightness/value
    H = 141.9°
    0.39410681399632
    S = 99.45%
    0.99450549450549
    V = 71.37%
    0.71372549019608
  • CMYK – cyan, magenta, yellow, key/black
    C = 99.45
    0.99450549450549
    M = 0
    0
    Y = 63.19
    0.63186813186813
    K = 28.63
    0.28627450980392
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 17.754
    17.753585247168
    Y = 33.868
    33.86759777977
    Z = 10.912
    10.91158163595

    Yxy
    CIE (x, y, Y)
    Y = 33.868
    33.86759777977
    x = 0.284
    0.28390852927864
    y = 0.542
    0.54159764025067

    Hunter-Lab
    Hunter 1948 colour space
    L = 58.2
    58.195874235009
    a = -47.39
    -47.388490697873
    b = 29.62
    29.620384469651

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 64.86
    64.857340673923
    a = -62.71
    -62.707446102689
    b = 46.51
    46.511313411738

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 64.8573
    64.857340673923
    u = -59.6006
    -59.600634270159
    v = 65.2797
    65.279687599981

    CIELCH
    Cylindrical representation
    L = 64.8573
    64.857340673923
    C = 78.0739
    78.073850116454
    H = 143.435
    143.43496434353

    YIQ
    Luma In-phase Quadrature
    Y = 0.4501
    0.45008235294118
    I = -0.2783
    -0.27827843137255
    Q = -0.2907
    -0.29073333333333

Base Numbers

Base Red Green Blue
Binary 00000001 10110110 01000011
Octal 1 266 103
Decimal 1 182 67
Hex 1 B6 43


Colour Harmonies : #01B643 colour combinations

Complementary colour scheme for #01B643

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 #01B643 colour is calculated by adding 180° to the value of the current hue: 141.9° → 321.9° (+180°)

Split-complementary colour scheme for #01B643

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 #01B643 are calculated by changing the hue by ±5/12 (±150°): 141.9° → -8.1° (141.9°-150°), 291.9° (141.9°+150°).

Triadic colours scheme for #01B643

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 #01B643 are calculated by changing the hue by ±1/3 (±120°): 141.9° → 21.9° (141.9°-120°), 261.9° (141.9°+120°).

Tetradic (Rectangle) colour scheme for #01B643

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 #01B643 are calculated by changing the hue as follows : 141.9° → 261.9° (141.9°+120°), 321.9° (141.9°+180°), 441.9° (141.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #01B643 are calculated by changing the hue as follows : 141.9° → 21.9° (141.9°-120°), -38.1° (141.9°-180°), -158.1° (141.9°-300°).

Tetradic Square Colour Scheme for #01B643

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 #01B643 are calculated by changing the hue by 1/4 (90°) progressively : 141.9° → 231.9° (141.9°+90°), 321.9° (141.9°+180°), 411.9° (141.9°+270°).

Analagous colours of #01B643

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 #01B643 are calculated by changing the hue by ±1/12 (i.e. 30°): 141.9° → 171.9° (141.9°+30°), 111.9° (141.9°-30°).

RGB Variations of #01B643

(R:01, G:B6, B:01)

Monochromatic colours of #01B643

Shade Colour Variation of #01B643 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #01B643 (Brighter)

Tint is created by mixing white to any pure color

Tones of #01B643 colour with more saturation

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

Tones of #01B643 colour with less saturation

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

#01B643 Colour in CSS Codes


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

Text with hexadecimal font colour #01B643

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


#01B643 Background Colour

This div background Colour is #01B643


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


#01B643 Border Colour

This div border Colour is #01B643


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(1, 182, 67, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #01B643;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #01B643;
    -webkit-box-shadow: 1px 1px 3px 2px #01B643;
    box-shadow: 1px 1px 3px 2px #01B643;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 01B643



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

Colour Palettes with #01B643

Colour Compositions

RGB % of Colour #01B643

CMYK % of Colour #01B643

Related Colours along with #01B643

Black background

Sample text in #01B643 colour with black background colour.

White background

Sample text in #01B643 colour with white background colour.

#01B643 over22 #00CC33

Sample text in #01B643 colour with #00CC33 background colour.

#00CC33 over 01B643

Sample text in #00CC33 colour with #01B643 background colour.

#01B643 over22 #0119B6

Sample text in #01B643 colour with #0119B6 background colour.

#0119B6 over 01B643

Sample text in #0119B6 colour with #01B643 background colour.

#01B643 over22 #0143B6

Sample text in #01B643 colour with #0143B6 background colour.

#0143B6 over 01B643

Sample text in #0143B6 colour with #01B643 background colour.

#01B643 over22 #0174B6

Sample text in #01B643 colour with #0174B6 background colour.

#0174B6 over 01B643

Sample text in #0174B6 colour with #01B643 background colour.

#01B643 over22 #4301B6

Sample text in #01B643 colour with #4301B6 background colour.

#4301B6 over 01B643

Sample text in #4301B6 colour with #01B643 background colour.

#01B643 over22 #43B601

Sample text in #01B643 colour with #43B601 background colour.

#43B601 over 01B643

Sample text in #43B601 colour with #01B643 background colour.

#01B643 over22 #74B601

Sample text in #01B643 colour with #74B601 background colour.

#74B601 over 01B643

Sample text in #74B601 colour with #01B643 background colour.

#01B643 over22 #9D01B6

Sample text in #01B643 colour with #9D01B6 background colour.

#9D01B6 over 01B643

Sample text in #9D01B6 colour with #01B643 background colour.

#01B643 over22 #B60119

Sample text in #01B643 colour with #B60119 background colour.

#B60119 over 01B643

Sample text in #B60119 colour with #01B643 background colour.

#01B643 over22 #B60143

Sample text in #01B643 colour with #B60143 background colour.

#B60143 over 01B643

Sample text in #B60143 colour with #01B643 background colour.

#01B643 over22 #B60174

Sample text in #01B643 colour with #B60174 background colour.

#B60174 over 01B643

Sample text in #B60174 colour with #01B643 background colour.

#01B643 over22 #B64301

Sample text in #01B643 colour with #B64301 background colour.

#B64301 over 01B643

Sample text in #B64301 colour with #01B643 background colour.

#01B643 over22 #B69D01

Sample text in #01B643 colour with #B69D01 background colour.

#B69D01 over 01B643

Sample text in #B69D01 colour with #01B643 background colour.

#01B643 over22 #FE49BC

Sample text in #01B643 colour with #FE49BC background colour.

#FE49BC over 01B643

Sample text in #FE49BC colour with #01B643 background colour.

#01B643 over22 #737373

Sample text in #01B643 colour with #737373 background colour.

#737373 over 01B643

Sample text in #737373 colour with #01B643 background colour.