"Alabama Crimson" Colour code #AF002A

#AF002A
rgb(175, 0, 42)
rgb(68.6%, 0%, 16.5%)

Common name of #AF002A (or 0xAF002A) colour is "Alabama Crimson".

RGB value of #AF002A colour is rgb(175, 0, 42) where red value is 175, green value is 0 and the blue value is 42.

Max value from RGB for colour #AF002A is 175 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #AF002A hue angle of 345.6°, saturation:100% and the lightness value is 34.3%.

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

Hex color #AF002A is not a web safe color. Nearby web safe colour of #AF002A is #990033.

Grayscale color of #AF002A is #393939

Inverted color of #AF002A is #50FFD5

OLE colour (RGB Long) of #AF002A is 2752687

Decimal Value of #AF002A is 11468842

Android / android.graphics.Color of #AF002A is -5308374 / 0xFFAF002A

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

Hex Triplets
#AF002A
RGB Decimal
rgb(175, 0, 42)
RGB Percent
rgb(68.63%, 0%, 16.47%)
RGBA
rgba(175, 0, 42, 1)
HSL
hsl(345.6, 100%, 34.3%)
HSLA
hsla(345.6, 100%, 34.3%, 1)

Colour spaces of #AF002A "Alabama Crimson"

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 175
    68.63%
    G = 0
    0%
    B = 42
    16.47%

    C = 31.37%
    0.31372549019608
    M = 100%
    1
    Y = 83.53%
    0.83529411764706
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 345.6°
    0.96
    S = 100%
    1
    L = 34.3%
    0.34313725490196
  • HSV (HSB) – hue, saturation, brightness/value
    H = 345.6°
    0.96
    S = 100%
    1
    V = 68.63%
    0.68627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 100
    1
    Y = 76
    0.76
    K = 31.37
    0.31372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 18.097
    18.097114339872
    Y = 9.281
    9.2811272618176
    Z = 3.028
    3.0281001136942

    Yxy
    CIE (x, y, Y)
    Y = 9.281
    9.2811272618176
    x = 0.595
    0.59517565477849
    y = 0.305
    0.30523656376333

    Hunter-Lab
    Hunter 1948 colour space
    L = 30.46
    30.464942576374
    a = 52.72
    52.720849048792
    b = 15.43
    15.432257960365

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 36.52
    36.520021894311
    a = 61.27
    61.267900596631
    b = 29.96
    29.95723772075

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 36.52
    36.520021894311
    u = 112.609
    112.60903041705
    v = 15.977
    15.977013359578

    CIELCH
    Cylindrical representation
    L = 36.52
    36.520021894311
    C = 68.1996
    68.199646152867
    H = 26.0565
    26.056545911519

    YIQ
    Luma In-phase Quadrature
    Y = 0.224
    0.22397254901961
    I = 0.3561
    0.35614901960784
    Q = 0.1967
    0.1967137254902

Base Numbers

Base Red Green Blue
Binary 10101111 00000000 00101010
Octal 257 0 52
Decimal 175 0 42
Hex AF 0 2A


Colour Harmonies : #AF002A colour combinations

Complementary colour scheme for #AF002A

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

Split-complementary colour scheme for #AF002A

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 #AF002A are calculated by changing the hue by ±5/12 (±150°): 345.6° → 195.6° (345.6°-150°), 495.6° (345.6°+150°).

Triadic colours scheme for #AF002A

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 #AF002A are calculated by changing the hue by ±1/3 (±120°): 345.6° → 225.6° (345.6°-120°), 465.6° (345.6°+120°).

Tetradic (Rectangle) colour scheme for #AF002A

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 #AF002A are calculated by changing the hue as follows : 345.6° → 465.6° (345.6°+120°), 525.6° (345.6°+180°), 645.6° (345.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #AF002A are calculated by changing the hue as follows : 345.6° → 225.6° (345.6°-120°), 165.6° (345.6°-180°), 45.6° (345.6°-300°).

Tetradic Square Colour Scheme for #AF002A

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 #AF002A are calculated by changing the hue by 1/4 (90°) progressively : 345.6° → 435.6° (345.6°+90°), 525.6° (345.6°+180°), 615.6° (345.6°+270°).

Analagous colours of #AF002A

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 #AF002A are calculated by changing the hue by ±1/12 (i.e. 30°): 345.6° → 375.6° (345.6°+30°), 315.6° (345.6°-30°).

RGB Variations of #AF002A

(R:AF, G:00, B:AF)

Monochromatic colours of #AF002A

Shade Colour Variation of #AF002A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #AF002A (Brighter)

Tint is created by mixing white to any pure color

Tones of #AF002A colour with more saturation

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

Tones of #AF002A colour with less saturation

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

#AF002A Colour in CSS Codes


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

Text with hexadecimal font colour #AF002A

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


#AF002A Background Colour

This div background Colour is #AF002A


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


#AF002A Border Colour

This div border Colour is #AF002A


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(175, 0, 42, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #AF002A;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #AF002A;
    -webkit-box-shadow: 1px 1px 3px 2px #AF002A;
    box-shadow: 1px 1px 3px 2px #AF002A;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # AF002A



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

Colour Palettes with #AF002A

Colour Compositions

RGB % of Colour #AF002A

CMYK % of Colour #AF002A

Related Colours along with #AF002A

Black background

Sample text in #AF002A colour with black background colour.

White background

Sample text in #AF002A colour with white background colour.

#AF002A over22 #002AAF

Sample text in #AF002A colour with #002AAF background colour.

#002AAF over AF002A

Sample text in #002AAF colour with #AF002A background colour.

#AF002A over22 #0082AF

Sample text in #AF002A colour with #0082AF background colour.

#0082AF over AF002A

Sample text in #0082AF colour with #AF002A background colour.

#AF002A over22 #00AF2A

Sample text in #AF002A colour with #00AF2A background colour.

#00AF2A over AF002A

Sample text in #00AF2A colour with #AF002A background colour.

#AF002A over22 #00AF2E

Sample text in #AF002A colour with #00AF2E background colour.

#00AF2E over AF002A

Sample text in #00AF2E colour with #AF002A background colour.

#AF002A over22 #00AF85

Sample text in #AF002A colour with #00AF85 background colour.

#00AF85 over AF002A

Sample text in #00AF85 colour with #AF002A background colour.

#AF002A over22 #2A00AF

Sample text in #AF002A colour with #2A00AF background colour.

#2A00AF over AF002A

Sample text in #2A00AF colour with #AF002A background colour.

#AF002A over22 #2AAF00

Sample text in #AF002A colour with #2AAF00 background colour.

#2AAF00 over AF002A

Sample text in #2AAF00 colour with #AF002A background colour.

#AF002A over22 #2E00AF

Sample text in #AF002A colour with #2E00AF background colour.

#2E00AF over AF002A

Sample text in #2E00AF colour with #AF002A background colour.

#AF002A over22 #50FFD5

Sample text in #AF002A colour with #50FFD5 background colour.

#50FFD5 over AF002A

Sample text in #50FFD5 colour with #AF002A background colour.

#AF002A over22 #82AF00

Sample text in #AF002A colour with #82AF00 background colour.

#82AF00 over AF002A

Sample text in #82AF00 colour with #AF002A background colour.

#AF002A over22 #8500AF

Sample text in #AF002A colour with #8500AF background colour.

#8500AF over AF002A

Sample text in #8500AF colour with #AF002A background colour.

#AF002A over22 #AF2A00

Sample text in #AF002A colour with #AF2A00 background colour.

#AF2A00 over AF002A

Sample text in #AF2A00 colour with #AF002A background colour.

#AF002A over22 #AF8500

Sample text in #AF002A colour with #AF8500 background colour.

#AF8500 over AF002A

Sample text in #AF8500 colour with #AF002A background colour.

#AF002A over22 #393939

Sample text in #AF002A colour with #393939 background colour.

#393939 over AF002A

Sample text in #393939 colour with #AF002A background colour.

#AF002A over22 #990033

Sample text in #AF002A colour with #990033 background colour.

#990033 over AF002A

Sample text in #990033 colour with #AF002A background colour.