Colour code #A63A1B

#A63A1B
rgb(166, 58, 27)
rgb(65.1%, 22.7%, 10.6%)

RGB value of #A63A1B colour is rgb(166, 58, 27) where red value is 166, green value is 58 and the blue value is 27.

Max value from RGB for colour #A63A1B is 166 which contains mainly Red colour.

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

The process colour (four Colour CMYK) of #A63A1B colour is Cyan = 0, Magento = 0.65, Yellow = 0.84, and Key/Black (K on CMYK) = 0.35.

Hex color #A63A1B is not a web safe color. Nearby web safe colour of #A63A1B is #993333.

Grayscale color of #A63A1B is #565656

Inverted color of #A63A1B is #59C5E4

OLE colour (RGB Long) of #A63A1B is 1784486

Decimal Value of #A63A1B is 10893851

Android / android.graphics.Color of #A63A1B is -5883365 / 0xFFA63A1B

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

Hex Triplets
#A63A1B
RGB Decimal
rgb(166, 58, 27)
RGB Percent
rgb(65.1%, 22.75%, 10.59%)
RGBA
rgba(166, 58, 27, 1)
HSL
hsl(13.4, 72%, 37.8%)
HSLA
hsla(13.4, 72%, 37.8%, 1)

Colour spaces of #A63A1B

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 166
    65.1%
    G = 58
    22.75%
    B = 27
    10.59%

    C = 34.9%
    0.34901960784314
    M = 77.25%
    0.77254901960784
    Y = 89.41%
    0.89411764705882
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 13.4°
    0.037170263788969
    S = 72%
    0.72020725388601
    L = 37.8%
    0.37843137254902
  • HSV (HSB) – hue, saturation, brightness/value
    H = 13.4°
    0.037170263788969
    S = 83.73%
    0.83734939759036
    V = 65.1%
    0.65098039215686
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 65.06
    0.65060240963855
    Y = 83.73
    0.83734939759036
    K = 34.9
    0.34901960784314
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 17.437
    17.436770452095
    Y = 11.212
    11.212234969383
    Z = 2.282
    2.2820681519815

    Yxy
    CIE (x, y, Y)
    Y = 11.212
    11.212234969383
    x = 0.564
    0.56372988188346
    y = 0.362
    0.36249097344631

    Hunter-Lab
    Hunter 1948 colour space
    L = 33.48
    33.484675553726
    a = 34.35
    34.353697237152
    b = 19.4
    19.398504431784

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 39.94
    39.935653892783
    a = 43
    43.003265695372
    b = 41.3
    41.298317987855

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 39.9357
    39.935653892783
    u = 85.4261
    85.42614426681
    v = 29.0541
    29.054117530613

    CIELCH
    Cylindrical representation
    L = 39.9357
    39.935653892783
    C = 59.6224
    59.622411298879
    H = 43.8414
    43.841386031049

    YIQ
    Luma In-phase Quadrature
    Y = 0.3402
    0.34022745098039
    I = 0.2914
    0.29144705882353
    Q = 0.052
    0.051980392156863

Base Numbers

Base Red Green Blue
Binary 10100110 00111010 00011011
Octal 246 72 33
Decimal 166 58 27
Hex A6 3A 1B


Colour Harmonies : #A63A1B colour combinations

Complementary colour scheme for #A63A1B

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

Split-complementary colour scheme for #A63A1B

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 #A63A1B are calculated by changing the hue by ±5/12 (±150°): 13.4° → -136.6° (13.4°-150°), 163.4° (13.4°+150°).

Triadic colours scheme for #A63A1B

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 #A63A1B are calculated by changing the hue by ±1/3 (±120°): 13.4° → -106.6° (13.4°-120°), 133.4° (13.4°+120°).

Tetradic (Rectangle) colour scheme for #A63A1B

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 #A63A1B are calculated by changing the hue as follows : 13.4° → 133.4° (13.4°+120°), 193.4° (13.4°+180°), 313.4° (13.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #A63A1B are calculated by changing the hue as follows : 13.4° → -106.6° (13.4°-120°), -166.6° (13.4°-180°), -286.6° (13.4°-300°).

Tetradic Square Colour Scheme for #A63A1B

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 #A63A1B are calculated by changing the hue by 1/4 (90°) progressively : 13.4° → 103.4° (13.4°+90°), 193.4° (13.4°+180°), 283.4° (13.4°+270°).

Analagous colours of #A63A1B

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 #A63A1B are calculated by changing the hue by ±1/12 (i.e. 30°): 13.4° → 43.4° (13.4°+30°), -16.6° (13.4°-30°).

RGB Variations of #A63A1B

(R:A6, G:3A, B:A6)

Monochromatic colours of #A63A1B

Shade Colour Variation of #A63A1B (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A63A1B (Brighter)

Tint is created by mixing white to any pure color

Tones of #A63A1B colour with more saturation

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

Tones of #A63A1B colour with less saturation

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

#A63A1B Colour in CSS Codes


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

Text with hexadecimal font colour #A63A1B

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


#A63A1B Background Colour

This div background Colour is #A63A1B


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


#A63A1B Border Colour

This div border Colour is #A63A1B


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(166, 58, 27, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A63A1B;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A63A1B;
    -webkit-box-shadow: 1px 1px 3px 2px #A63A1B;
    box-shadow: 1px 1px 3px 2px #A63A1B;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A63A1B



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

Colour Palettes with #A63A1B

Colour Compositions

RGB % of Colour #A63A1B

CMYK % of Colour #A63A1B

Related Colours along with #A63A1B

Black background

Sample text in #A63A1B colour with black background colour.

White background

Sample text in #A63A1B colour with white background colour.

#A63A1B over22 #1B3AA6

Sample text in #A63A1B colour with #1B3AA6 background colour.

#1B3AA6 over A63A1B

Sample text in #1B3AA6 colour with #A63A1B background colour.

#A63A1B over22 #1B42A6

Sample text in #A63A1B colour with #1B42A6 background colour.

#1B42A6 over A63A1B

Sample text in #1B42A6 colour with #A63A1B background colour.

#A63A1B over22 #1B87A6

Sample text in #A63A1B colour with #1B87A6 background colour.

#1B87A6 over A63A1B

Sample text in #1B87A6 colour with #A63A1B background colour.

#A63A1B over22 #1BA63A

Sample text in #A63A1B colour with #1BA63A background colour.

#1BA63A over A63A1B

Sample text in #1BA63A colour with #A63A1B background colour.

#A63A1B over22 #1BA680

Sample text in #A63A1B colour with #1BA680 background colour.

#1BA680 over A63A1B

Sample text in #1BA680 colour with #A63A1B background colour.

#A63A1B over22 #3A1BA6

Sample text in #A63A1B colour with #3A1BA6 background colour.

#3A1BA6 over A63A1B

Sample text in #3A1BA6 colour with #A63A1B background colour.

#A63A1B over22 #3AA61B

Sample text in #A63A1B colour with #3AA61B background colour.

#3AA61B over A63A1B

Sample text in #3AA61B colour with #A63A1B background colour.

#A63A1B over22 #42A61B

Sample text in #A63A1B colour with #42A61B background colour.

#42A61B over A63A1B

Sample text in #42A61B colour with #A63A1B background colour.

#A63A1B over22 #59C5E4

Sample text in #A63A1B colour with #59C5E4 background colour.

#59C5E4 over A63A1B

Sample text in #59C5E4 colour with #A63A1B background colour.

#A63A1B over22 #801BA6

Sample text in #A63A1B colour with #801BA6 background colour.

#801BA6 over A63A1B

Sample text in #801BA6 colour with #A63A1B background colour.

#A63A1B over22 #87A61B

Sample text in #A63A1B colour with #87A61B background colour.

#87A61B over A63A1B

Sample text in #87A61B colour with #A63A1B background colour.

#A63A1B over22 #A61B3A

Sample text in #A63A1B colour with #A61B3A background colour.

#A61B3A over A63A1B

Sample text in #A61B3A colour with #A63A1B background colour.

#A63A1B over22 #A61B87

Sample text in #A63A1B colour with #A61B87 background colour.

#A61B87 over A63A1B

Sample text in #A61B87 colour with #A63A1B background colour.

#A63A1B over22 #565656

Sample text in #A63A1B colour with #565656 background colour.

#565656 over A63A1B

Sample text in #565656 colour with #A63A1B background colour.

#A63A1B over22 #993333

Sample text in #A63A1B colour with #993333 background colour.

#993333 over A63A1B

Sample text in #993333 colour with #A63A1B background colour.