Colour code #BD042D

#BD042D
rgb(189, 4, 45)
rgb(74.1%, 1.6%, 17.6%)

RGB value of #BD042D colour is rgb(189, 4, 45) where red value is 189, green value is 4 and the blue value is 45.

Max value from RGB for colour #BD042D is 189 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #BD042D hue angle of 346.7°, saturation:95.9% and the lightness value is 37.8%.

The process colour (four Colour CMYK) of #BD042D colour is Cyan = 0, Magento = 0.98, Yellow = 0.76, and Key/Black (K on CMYK) = 0.26.

Hex color #BD042D is not a web safe color. Nearby web safe colour of #BD042D is #CC0033.

Grayscale color of #BD042D is #404040

Inverted color of #BD042D is #42FBD2

OLE colour (RGB Long) of #BD042D is 2950333

Decimal Value of #BD042D is 12387373

Android / android.graphics.Color of #BD042D is -4389843 / 0xFFBD042D

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

Hex Triplets
#BD042D
RGB Decimal
rgb(189, 4, 45)
RGB Percent
rgb(74.12%, 1.57%, 17.65%)
RGBA
rgba(189, 4, 45, 1)
HSL
hsl(346.7, 95.9%, 37.8%)
HSLA
hsla(346.7, 95.9%, 37.8%, 1)

Colour spaces of #BD042D

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 189
    74.12%
    G = 4
    1.57%
    B = 45
    17.65%

    C = 25.88%
    0.25882352941176
    M = 98.43%
    0.9843137254902
    Y = 82.35%
    0.82352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 346.7°
    0.96306306306306
    S = 95.9%
    0.95854922279793
    L = 37.8%
    0.37843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 346.7°
    0.96306306306306
    S = 97.88%
    0.97883597883598
    V = 74.12%
    0.74117647058824
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 97.88
    0.97883597883598
    Y = 76.19
    0.76190476190476
    K = 25.88
    0.25882352941176
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 21.503
    21.503336226986
    Y = 11.095
    11.09511150291
    Z = 3.491
    3.4908412569311

    Yxy
    CIE (x, y, Y)
    Y = 11.095
    11.09511150291
    x = 0.596
    0.59583707051793
    y = 0.307
    0.30743502613642

    Hunter-Lab
    Hunter 1948 colour space
    L = 33.31
    33.309325275229
    a = 56.94
    56.942042140921
    b = 17.1
    17.102893029897

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 39.74
    39.740203030307
    a = 64.41
    64.407783963416
    b = 32.57
    32.567778838606

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 39.7402
    39.740203030307
    u = 121.7626
    121.76260690486
    v = 18.0631
    18.063060631867

    CIELCH
    Cylindrical representation
    L = 39.7402
    39.740203030307
    C = 72.1736
    72.173560626856
    H = 26.8234
    26.82343025035

    YIQ
    Luma In-phase Quadrature
    Y = 0.2509
    0.25093725490196
    I = 0.3808
    0.38078039215686
    Q = 0.2038
    0.20380784313725

Base Numbers

Base Red Green Blue
Binary 10111101 00000100 00101101
Octal 275 4 55
Decimal 189 4 45
Hex BD 4 2D


Colour Harmonies : #BD042D colour combinations

Complementary colour scheme for #BD042D

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

Split-complementary colour scheme for #BD042D

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 #BD042D are calculated by changing the hue by ±5/12 (±150°): 346.7° → 196.7° (346.7°-150°), 496.7° (346.7°+150°).

Triadic colours scheme for #BD042D

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 #BD042D are calculated by changing the hue by ±1/3 (±120°): 346.7° → 226.7° (346.7°-120°), 466.7° (346.7°+120°).

Tetradic (Rectangle) colour scheme for #BD042D

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 #BD042D are calculated by changing the hue as follows : 346.7° → 466.7° (346.7°+120°), 526.7° (346.7°+180°), 646.7° (346.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #BD042D are calculated by changing the hue as follows : 346.7° → 226.7° (346.7°-120°), 166.7° (346.7°-180°), 46.7° (346.7°-300°).

Tetradic Square Colour Scheme for #BD042D

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 #BD042D are calculated by changing the hue by 1/4 (90°) progressively : 346.7° → 436.7° (346.7°+90°), 526.7° (346.7°+180°), 616.7° (346.7°+270°).

Analagous colours of #BD042D

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 #BD042D are calculated by changing the hue by ±1/12 (i.e. 30°): 346.7° → 376.7° (346.7°+30°), 316.7° (346.7°-30°).

RGB Variations of #BD042D

(R:BD, G:04, B:BD)

Monochromatic colours of #BD042D

Shade Colour Variation of #BD042D (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #BD042D (Brighter)

Tint is created by mixing white to any pure color

Tones of #BD042D colour with more saturation

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

Tones of #BD042D colour with less saturation

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

#BD042D Colour in CSS Codes


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

Text with hexadecimal font colour #BD042D

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


#BD042D Background Colour

This div background Colour is #BD042D


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


#BD042D Border Colour

This div border Colour is #BD042D


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # BD042D



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

Colour Palettes with #BD042D

Colour Compositions

RGB % of Colour #BD042D

CMYK % of Colour #BD042D

Related Colours along with #BD042D

Black background

Sample text in #BD042D colour with black background colour.

White background

Sample text in #BD042D colour with white background colour.

#BD042D over22 #042DBD

Sample text in #BD042D colour with #042DBD background colour.

#042DBD over BD042D

Sample text in #042DBD colour with #BD042D background colour.

#BD042D over22 #048ABD

Sample text in #BD042D colour with #048ABD background colour.

#048ABD over BD042D

Sample text in #048ABD colour with #BD042D background colour.

#BD042D over22 #04BD2D

Sample text in #BD042D colour with #04BD2D background colour.

#04BD2D over BD042D

Sample text in #04BD2D colour with #BD042D background colour.

#BD042D over22 #04BD38

Sample text in #BD042D colour with #04BD38 background colour.

#04BD38 over BD042D

Sample text in #04BD38 colour with #BD042D background colour.

#BD042D over22 #04BD94

Sample text in #BD042D colour with #04BD94 background colour.

#04BD94 over BD042D

Sample text in #04BD94 colour with #BD042D background colour.

#BD042D over22 #2D04BD

Sample text in #BD042D colour with #2D04BD background colour.

#2D04BD over BD042D

Sample text in #2D04BD colour with #BD042D background colour.

#BD042D over22 #2DBD04

Sample text in #BD042D colour with #2DBD04 background colour.

#2DBD04 over BD042D

Sample text in #2DBD04 colour with #BD042D background colour.

#BD042D over22 #3804BD

Sample text in #BD042D colour with #3804BD background colour.

#3804BD over BD042D

Sample text in #3804BD colour with #BD042D background colour.

#BD042D over22 #42FBD2

Sample text in #BD042D colour with #42FBD2 background colour.

#42FBD2 over BD042D

Sample text in #42FBD2 colour with #BD042D background colour.

#BD042D over22 #8ABD04

Sample text in #BD042D colour with #8ABD04 background colour.

#8ABD04 over BD042D

Sample text in #8ABD04 colour with #BD042D background colour.

#BD042D over22 #9404BD

Sample text in #BD042D colour with #9404BD background colour.

#9404BD over BD042D

Sample text in #9404BD colour with #BD042D background colour.

#BD042D over22 #BD2D04

Sample text in #BD042D colour with #BD2D04 background colour.

#BD2D04 over BD042D

Sample text in #BD2D04 colour with #BD042D background colour.

#BD042D over22 #BD9404

Sample text in #BD042D colour with #BD9404 background colour.

#BD9404 over BD042D

Sample text in #BD9404 colour with #BD042D background colour.

#BD042D over22 #CC0033

Sample text in #BD042D colour with #CC0033 background colour.

#CC0033 over BD042D

Sample text in #CC0033 colour with #BD042D background colour.

#BD042D over22 #404040

Sample text in #BD042D colour with #404040 background colour.

#404040 over BD042D

Sample text in #404040 colour with #BD042D background colour.