Colour code #460221

#460221
rgb(70, 2, 33)
rgb(27.5%, 0.8%, 12.9%)

RGB value of #460221 colour is rgb(70, 2, 33) where red value is 70, green value is 2 and the blue value is 33.

Max value from RGB for colour #460221 is 70 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #460221 hue angle of 332.6°, saturation:94.4% and the lightness value is 14.1%.

The process colour (four Colour CMYK) of #460221 colour is Cyan = 0, Magento = 0.97, Yellow = 0.53, and Key/Black (K on CMYK) = 0.73.

Hex color #460221 is not a web safe color. Nearby web safe colour of #460221 is #330033.

Grayscale color of #460221 is #191919

Inverted color of #460221 is #B9FDDE

OLE colour (RGB Long) of #460221 is 2163270

Decimal Value of #460221 is 4588065

Android / android.graphics.Color of #460221 is -12189151 / 0xFF460221

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

Hex Triplets
#460221
RGB Decimal
rgb(70, 2, 33)
RGB Percent
rgb(27.45%, 0.78%, 12.94%)
RGBA
rgba(70, 2, 33, 1)
HSL
hsl(332.6, 94.4%, 14.1%)
HSLA
hsla(332.6, 94.4%, 14.1%, 1)

Colour spaces of #460221

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 70
    27.45%
    G = 2
    0.78%
    B = 33
    12.94%

    C = 72.55%
    0.72549019607843
    M = 99.22%
    0.9921568627451
    Y = 87.06%
    0.87058823529412
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 332.6°
    0.92401960784314
    S = 94.4%
    0.94444444444444
    L = 14.1%
    0.14117647058824
  • HSV (HSB) – hue, saturation, brightness/value
    H = 332.6°
    0.92401960784314
    S = 97.14%
    0.97142857142857
    V = 27.45%
    0.27450980392157
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 97.14
    0.97142857142857
    Y = 52.86
    0.52857142857143
    K = 72.55
    0.72549019607843
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 2.822
    2.8220092117089
    Y = 1.455
    1.4553130868244
    Z = 1.571
    1.5710102638527

    Yxy
    CIE (x, y, Y)
    Y = 1.455
    1.4553130868244
    x = 0.483
    0.48253227421759
    y = 0.249
    0.24884239589664

    Hunter-Lab
    Hunter 1948 colour space
    L = 12.06
    12.063635798649
    a = 20.64
    20.644593243079
    b = 0.72
    0.72339033435204

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 12.32
    12.32110108675
    a = 32.75
    32.75209177553
    b = 0.14
    0.13987300812838

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 12.3211
    12.32110108675
    u = 29.8834
    29.883414731888
    v = -3.5715
    -3.5714543073995

    CIELCH
    Cylindrical representation
    L = 12.3211
    12.32110108675
    C = 32.7524
    32.752390449113
    H = 0.2447
    0.24468923594321

    YIQ
    Luma In-phase Quadrature
    Y = 0.1014
    0.10143529411765
    I = 0.1199
    0.11990980392157
    Q = 0.0943
    0.094341176470588

Base Numbers

Base Red Green Blue
Binary 01000110 00000010 00100001
Octal 106 2 41
Decimal 70 2 33
Hex 46 2 21


Colour Harmonies : #460221 colour combinations

Complementary colour scheme for #460221

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

Split-complementary colour scheme for #460221

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 #460221 are calculated by changing the hue by ±5/12 (±150°): 332.6° → 182.6° (332.6°-150°), 482.6° (332.6°+150°).

Triadic colours scheme for #460221

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 #460221 are calculated by changing the hue by ±1/3 (±120°): 332.6° → 212.6° (332.6°-120°), 452.6° (332.6°+120°).

Tetradic (Rectangle) colour scheme for #460221

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 #460221 are calculated by changing the hue as follows : 332.6° → 452.6° (332.6°+120°), 512.6° (332.6°+180°), 632.6° (332.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #460221 are calculated by changing the hue as follows : 332.6° → 212.6° (332.6°-120°), 152.6° (332.6°-180°), 32.6° (332.6°-300°).

Tetradic Square Colour Scheme for #460221

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 #460221 are calculated by changing the hue by 1/4 (90°) progressively : 332.6° → 422.6° (332.6°+90°), 512.6° (332.6°+180°), 602.6° (332.6°+270°).

Analagous colours of #460221

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 #460221 are calculated by changing the hue by ±1/12 (i.e. 30°): 332.6° → 362.6° (332.6°+30°), 302.6° (332.6°-30°).

RGB Variations of #460221

(R:46, G:02, B:46)

Monochromatic colours of #460221

Shade Colour Variation of #460221 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #460221 (Brighter)

Tint is created by mixing white to any pure color

Tones of #460221 colour with more saturation

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

Tones of #460221 colour with less saturation

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

#460221 Colour in CSS Codes


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

Text with hexadecimal font colour #460221

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


#460221 Background Colour

This div background Colour is #460221


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


#460221 Border Colour

This div border Colour is #460221


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 460221



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

Colour Palettes with #460221

Colour Compositions

RGB % of Colour #460221

CMYK % of Colour #460221

Related Colours along with #460221

Black background

Sample text in #460221 colour with black background colour.

White background

Sample text in #460221 colour with white background colour.

#460221 over22 #022146

Sample text in #460221 colour with #022146 background colour.

#022146 over 460221

Sample text in #022146 colour with #460221 background colour.

#460221 over22 #024346

Sample text in #460221 colour with #024346 background colour.

#024346 over 460221

Sample text in #024346 colour with #460221 background colour.

#460221 over22 #024605

Sample text in #460221 colour with #024605 background colour.

#024605 over 460221

Sample text in #024605 colour with #460221 background colour.

#460221 over22 #024621

Sample text in #460221 colour with #024621 background colour.

#024621 over 460221

Sample text in #024621 colour with #460221 background colour.

#460221 over22 #024627

Sample text in #460221 colour with #024627 background colour.

#024627 over 460221

Sample text in #024627 colour with #460221 background colour.

#460221 over22 #050246

Sample text in #460221 colour with #050246 background colour.

#050246 over 460221

Sample text in #050246 colour with #460221 background colour.

#460221 over22 #B9FDDE

Sample text in #460221 colour with #B9FDDE background colour.

#B9FDDE over 460221

Sample text in #B9FDDE colour with #460221 background colour.

#460221 over22 #191919

Sample text in #460221 colour with #191919 background colour.

#191919 over 460221

Sample text in #191919 colour with #460221 background colour.

#460221 over22 #210246

Sample text in #460221 colour with #210246 background colour.

#210246 over 460221

Sample text in #210246 colour with #460221 background colour.

#460221 over22 #214602

Sample text in #460221 colour with #214602 background colour.

#214602 over 460221

Sample text in #214602 colour with #460221 background colour.

#460221 over22 #270246

Sample text in #460221 colour with #270246 background colour.

#270246 over 460221

Sample text in #270246 colour with #460221 background colour.

#460221 over22 #330033

Sample text in #460221 colour with #330033 background colour.

#330033 over 460221

Sample text in #330033 colour with #460221 background colour.

#460221 over22 #434602

Sample text in #460221 colour with #434602 background colour.

#434602 over 460221

Sample text in #434602 colour with #460221 background colour.

#460221 over22 #462102

Sample text in #460221 colour with #462102 background colour.

#462102 over 460221

Sample text in #462102 colour with #460221 background colour.

#460221 over22 #462702

Sample text in #460221 colour with #462702 background colour.

#462702 over 460221

Sample text in #462702 colour with #460221 background colour.