"Acid Green" Colour code #B0BF1A

#B0BF1A
rgb(176, 191, 26)
rgb(69%, 74.9%, 10.2%)

Common name of #B0BF1A (or 0xB0BF1A) colour is "Acid Green".

RGB value of #B0BF1A colour is rgb(176, 191, 26) where red value is 176, green value is 191 and the blue value is 26.

Max value from RGB for colour #B0BF1A is 191 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B0BF1A hue angle of 65.5°, saturation:76% and the lightness value is 42.5%.

The process colour (four Colour CMYK) of #B0BF1A colour is Cyan = 0.08, Magento = 0, Yellow = 0.86, and Key/Black (K on CMYK) = 0.25.

Hex color #B0BF1A is not a web safe color. Nearby web safe colour of #B0BF1A is #99CC33.

Grayscale color of #B0BF1A is #A8A8A8

Inverted color of #B0BF1A is #4F40E5

OLE colour (RGB Long) of #B0BF1A is 1753008

Decimal Value of #B0BF1A is 11583258

Android / android.graphics.Color of #B0BF1A is -5193958 / 0xFFB0BF1A

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

Hex Triplets
#B0BF1A
RGB Decimal
rgb(176, 191, 26)
RGB Percent
rgb(69.02%, 74.9%, 10.2%)
RGBA
rgba(176, 191, 26, 1)
HSL
hsl(65.5, 76%, 42.5%)
HSLA
hsla(65.5, 76%, 42.5%, 1)

Colour spaces of #B0BF1A "Acid Green"

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 176
    69.02%
    G = 191
    74.9%
    B = 26
    10.2%

    C = 30.98%
    0.30980392156863
    M = 25.1%
    0.25098039215686
    Y = 89.8%
    0.89803921568627
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 65.5°
    0.18181818181818
    S = 76%
    0.76036866359447
    L = 42.5%
    0.42549019607843
  • HSV (HSB) – hue, saturation, brightness/value
    H = 65.5°
    0.18181818181818
    S = 86.39%
    0.86387434554974
    V = 74.9%
    0.74901960784314
  • CMYK – cyan, magenta, yellow, key/black
    C = 7.85
    0.078534031413613
    M = 0
    0
    Y = 86.39
    0.86387434554974
    K = 25.1
    0.25098039215686
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 36.722
    36.721750959319
    Y = 46.566
    46.566291022924
    Z = 8.03
    8.0300334293792

    Yxy
    CIE (x, y, Y)
    Y = 46.566
    46.566291022924
    x = 0.402
    0.40213014557954
    y = 0.51
    0.50993509021104

    Hunter-Lab
    Hunter 1948 colour space
    L = 68.24
    68.23949810991
    a = -23.36
    -23.362838633507
    b = 40.79
    40.790740944394

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 73.91
    73.911492161993
    a = -23.38
    -23.384431641325
    b = 71.15
    71.148054561073

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 73.9115
    73.911492161993
    u = -4.219
    -4.2189523343361
    v = 80.3371
    80.337073939665

    CIELCH
    Cylindrical representation
    L = 73.9115
    73.911492161993
    C = 74.8924
    74.892438276592
    H = 108.1943
    108.194288722

    YIQ
    Luma In-phase Quadrature
    Y = 0.6577
    0.65766666666667
    I = 0.1726
    0.17264705882353
    Q = -0.2137
    -0.21370588235294

Base Numbers

Base Red Green Blue
Binary 10110000 10111111 00011010
Octal 260 277 32
Decimal 176 191 26
Hex B0 BF 1A


Colour Harmonies : #B0BF1A colour combinations

Complementary colour scheme for #B0BF1A

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

Split-complementary colour scheme for #B0BF1A

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 #B0BF1A are calculated by changing the hue by ±5/12 (±150°): 65.5° → -84.5° (65.5°-150°), 215.5° (65.5°+150°).

Triadic colours scheme for #B0BF1A

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 #B0BF1A are calculated by changing the hue by ±1/3 (±120°): 65.5° → -54.5° (65.5°-120°), 185.5° (65.5°+120°).

Tetradic (Rectangle) colour scheme for #B0BF1A

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 #B0BF1A are calculated by changing the hue as follows : 65.5° → 185.5° (65.5°+120°), 245.5° (65.5°+180°), 365.5° (65.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #B0BF1A are calculated by changing the hue as follows : 65.5° → -54.5° (65.5°-120°), -114.5° (65.5°-180°), -234.5° (65.5°-300°).

Tetradic Square Colour Scheme for #B0BF1A

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 #B0BF1A are calculated by changing the hue by 1/4 (90°) progressively : 65.5° → 155.5° (65.5°+90°), 245.5° (65.5°+180°), 335.5° (65.5°+270°).

Analagous colours of #B0BF1A

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 #B0BF1A are calculated by changing the hue by ±1/12 (i.e. 30°): 65.5° → 95.5° (65.5°+30°), 35.5° (65.5°-30°).

RGB Variations of #B0BF1A

(R:B0, G:BF, B:B0)

Monochromatic colours of #B0BF1A

Shade Colour Variation of #B0BF1A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B0BF1A (Brighter)

Tint is created by mixing white to any pure color

Tones of #B0BF1A colour with more saturation

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

Tones of #B0BF1A colour with less saturation

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

#B0BF1A Colour in CSS Codes


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

Text with hexadecimal font colour #B0BF1A

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


#B0BF1A Background Colour

This div background Colour is #B0BF1A


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


#B0BF1A Border Colour

This div border Colour is #B0BF1A


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(176, 191, 26, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B0BF1A;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B0BF1A;
    -webkit-box-shadow: 1px 1px 3px 2px #B0BF1A;
    box-shadow: 1px 1px 3px 2px #B0BF1A;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B0BF1A



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

Colour Compositions

RGB % of Colour #B0BF1A

CMYK % of Colour #B0BF1A

Related Colours along with #B0BF1A

Black background

Sample text in #B0BF1A colour with black background colour.

White background

Sample text in #B0BF1A colour with white background colour.

#B0BF1A over22 #1A5DBF

Sample text in #B0BF1A colour with #1A5DBF background colour.

#1A5DBF over B0BF1A

Sample text in #1A5DBF colour with #B0BF1A background colour.

#B0BF1A over22 #1AB0BF

Sample text in #B0BF1A colour with #1AB0BF background colour.

#1AB0BF over B0BF1A

Sample text in #1AB0BF colour with #B0BF1A background colour.

#B0BF1A over22 #1ABF29

Sample text in #B0BF1A colour with #1ABF29 background colour.

#1ABF29 over B0BF1A

Sample text in #1ABF29 colour with #B0BF1A background colour.

#B0BF1A over22 #1ABF7B

Sample text in #B0BF1A colour with #1ABF7B background colour.

#1ABF7B over B0BF1A

Sample text in #1ABF7B colour with #B0BF1A background colour.

#B0BF1A over22 #1ABFB0

Sample text in #B0BF1A colour with #1ABFB0 background colour.

#1ABFB0 over B0BF1A

Sample text in #1ABFB0 colour with #B0BF1A background colour.

#B0BF1A over22 #291ABF

Sample text in #B0BF1A colour with #291ABF background colour.

#291ABF over B0BF1A

Sample text in #291ABF colour with #B0BF1A background colour.

#B0BF1A over22 #4F40E5

Sample text in #B0BF1A colour with #4F40E5 background colour.

#4F40E5 over B0BF1A

Sample text in #4F40E5 colour with #B0BF1A background colour.

#B0BF1A over22 #7B1ABF

Sample text in #B0BF1A colour with #7B1ABF background colour.

#7B1ABF over B0BF1A

Sample text in #7B1ABF colour with #B0BF1A background colour.

#B0BF1A over22 #99CC33

Sample text in #B0BF1A colour with #99CC33 background colour.

#99CC33 over B0BF1A

Sample text in #99CC33 colour with #B0BF1A background colour.

#B0BF1A over22 #A8A8A8

Sample text in #B0BF1A colour with #A8A8A8 background colour.

#A8A8A8 over B0BF1A

Sample text in #A8A8A8 colour with #B0BF1A background colour.

#B0BF1A over22 #B01ABF

Sample text in #B0BF1A colour with #B01ABF background colour.

#B01ABF over B0BF1A

Sample text in #B01ABF colour with #B0BF1A background colour.

#B0BF1A over22 #BF1A5D

Sample text in #B0BF1A colour with #BF1A5D background colour.

#BF1A5D over B0BF1A

Sample text in #BF1A5D colour with #B0BF1A background colour.

#B0BF1A over22 #BF1AB0

Sample text in #B0BF1A colour with #BF1AB0 background colour.

#BF1AB0 over B0BF1A

Sample text in #BF1AB0 colour with #B0BF1A background colour.

#B0BF1A over22 #BF291A

Sample text in #B0BF1A colour with #BF291A background colour.

#BF291A over B0BF1A

Sample text in #BF291A colour with #B0BF1A background colour.

#B0BF1A over22 #BFB01A

Sample text in #B0BF1A colour with #BFB01A background colour.

#BFB01A over B0BF1A

Sample text in #BFB01A colour with #B0BF1A background colour.