Colour code #6A2035

#6A2035
rgb(106, 32, 53)
rgb(41.6%, 12.5%, 20.8%)

RGB value of #6A2035 colour is rgb(106, 32, 53) where red value is 106, green value is 32 and the blue value is 53.

Max value from RGB for colour #6A2035 is 106 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #6A2035 hue angle of 343°, saturation:53.6% and the lightness value is 27.1%.

The process colour (four Colour CMYK) of #6A2035 colour is Cyan = 0, Magento = 0.7, Yellow = 0.5, and Key/Black (K on CMYK) = 0.58.

Hex color #6A2035 is not a web safe color. Nearby web safe colour of #6A2035 is #663333.

Grayscale color of #6A2035 is #383838

Inverted color of #6A2035 is #95DFCA

OLE colour (RGB Long) of #6A2035 is 3481706

Decimal Value of #6A2035 is 6955061

Android / android.graphics.Color of #6A2035 is -9822155 / 0xFF6A2035

The following declarations are allowed (CSS 3.0) for #6A2035

Hex Triplets
#6A2035
RGB Decimal
rgb(106, 32, 53)
RGB Percent
rgb(41.57%, 12.55%, 20.78%)
RGBA
rgba(106, 32, 53, 1)
HSL
hsl(343, 53.6%, 27.1%)
HSLA
hsla(343, 53.6%, 27.1%, 1)

Colour spaces of #6A2035

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 106
    41.57%
    G = 32
    12.55%
    B = 53
    20.78%

    C = 58.43%
    0.5843137254902
    M = 87.45%
    0.87450980392157
    Y = 79.22%
    0.7921568627451
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343°
    0.9527027027027
    S = 53.6%
    0.53623188405797
    L = 27.1%
    0.27058823529412
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343°
    0.9527027027027
    S = 69.81%
    0.69811320754717
    V = 41.57%
    0.4156862745098
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 69.81
    0.69811320754717
    Y = 50
    0.5
    K = 58.43
    0.5843137254902
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 7.103
    7.1029737186767
    Y = 4.354
    4.3542364778325
    Z = 3.834
    3.8342435432922

    Yxy
    CIE (x, y, Y)
    Y = 4.354
    4.3542364778325
    x = 0.465
    0.46450611168438
    y = 0.285
    0.2847496746826

    Hunter-Lab
    Hunter 1948 colour space
    L = 20.87
    20.866807321276
    a = 24.24
    24.243738746142
    b = 3.71
    3.712319406309

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 24.81
    24.809567595755
    a = 34.7
    34.702624788251
    b = 4.81
    4.8067189953953

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 24.8096
    24.809567595755
    u = 45.3864
    45.386429140513
    v = -0.4393
    -0.43930002909214

    CIELCH
    Cylindrical representation
    L = 24.8096
    24.809567595755
    C = 35.0339
    35.033936614301
    H = 7.886
    7.8859583736852

    YIQ
    Luma In-phase Quadrature
    Y = 0.2216
    0.22164705882353
    I = 0.1465
    0.14652156862745
    Q = 0.0871
    0.087133333333333

Base Numbers

Base Red Green Blue
Binary 01101010 00100000 00110101
Octal 152 40 65
Decimal 106 32 53
Hex 6A 20 35


Colour Harmonies : #6A2035 colour combinations

Complementary colour scheme for #6A2035

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 #6A2035 colour is calculated by adding 180° to the value of the current hue: 343° → 523° (+180°)

Split-complementary colour scheme for #6A2035

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 #6A2035 are calculated by changing the hue by ±5/12 (±150°): 343° → 193° (343°-150°), 493° (343°+150°).

Triadic colours scheme for #6A2035

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 #6A2035 are calculated by changing the hue by ±1/3 (±120°): 343° → 223° (343°-120°), 463° (343°+120°).

Tetradic (Rectangle) colour scheme for #6A2035

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 #6A2035 are calculated by changing the hue as follows : 343° → 463° (343°+120°), 523° (343°+180°), 643° (343°+300°).


Four tetradic scheme colours (counter-clockwise) for #6A2035 are calculated by changing the hue as follows : 343° → 223° (343°-120°), 163° (343°-180°), 43° (343°-300°).

Tetradic Square Colour Scheme for #6A2035

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 #6A2035 are calculated by changing the hue by 1/4 (90°) progressively : 343° → 433° (343°+90°), 523° (343°+180°), 613° (343°+270°).

Analagous colours of #6A2035

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 #6A2035 are calculated by changing the hue by ±1/12 (i.e. 30°): 343° → 373° (343°+30°), 313° (343°-30°).

RGB Variations of #6A2035

(R:6A, G:20, B:6A)

Monochromatic colours of #6A2035

Shade Colour Variation of #6A2035 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #6A2035 (Brighter)

Tint is created by mixing white to any pure color

Tones of #6A2035 colour with more saturation

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

Tones of #6A2035 colour with less saturation

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

#6A2035 Colour in CSS Codes


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

Text with hexadecimal font colour #6A2035

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


#6A2035 Background Colour

This div background Colour is #6A2035


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


#6A2035 Border Colour

This div border Colour is #6A2035


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(106, 32, 53, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #6A2035;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #6A2035;
    -webkit-box-shadow: 1px 1px 3px 2px #6A2035;
    box-shadow: 1px 1px 3px 2px #6A2035;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 6A2035



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

Colour Palettes with #6A2035

Colour Compositions

RGB % of Colour #6A2035

CMYK % of Colour #6A2035

Related Colours along with #6A2035

Black background

Sample text in #6A2035 colour with black background colour.

White background

Sample text in #6A2035 colour with white background colour.

#6A2035 over22 #20356A

Sample text in #6A2035 colour with #20356A background colour.

#20356A over 6A2035

Sample text in #20356A colour with #6A2035 background colour.

#6A2035 over22 #205A6A

Sample text in #6A2035 colour with #205A6A background colour.

#205A6A over 6A2035

Sample text in #205A6A colour with #6A2035 background colour.

#6A2035 over22 #206A30

Sample text in #6A2035 colour with #206A30 background colour.

#206A30 over 6A2035

Sample text in #206A30 colour with #6A2035 background colour.

#6A2035 over22 #206A35

Sample text in #6A2035 colour with #206A35 background colour.

#206A35 over 6A2035

Sample text in #206A35 colour with #6A2035 background colour.

#6A2035 over22 #206A55

Sample text in #6A2035 colour with #206A55 background colour.

#206A55 over 6A2035

Sample text in #206A55 colour with #6A2035 background colour.

#6A2035 over22 #30206A

Sample text in #6A2035 colour with #30206A background colour.

#30206A over 6A2035

Sample text in #30206A colour with #6A2035 background colour.

#6A2035 over22 #35206A

Sample text in #6A2035 colour with #35206A background colour.

#35206A over 6A2035

Sample text in #35206A colour with #6A2035 background colour.

#6A2035 over22 #356A20

Sample text in #6A2035 colour with #356A20 background colour.

#356A20 over 6A2035

Sample text in #356A20 colour with #6A2035 background colour.

#6A2035 over22 #55206A

Sample text in #6A2035 colour with #55206A background colour.

#55206A over 6A2035

Sample text in #55206A colour with #6A2035 background colour.

#6A2035 over22 #5A6A20

Sample text in #6A2035 colour with #5A6A20 background colour.

#5A6A20 over 6A2035

Sample text in #5A6A20 colour with #6A2035 background colour.

#6A2035 over22 #6A3520

Sample text in #6A2035 colour with #6A3520 background colour.

#6A3520 over 6A2035

Sample text in #6A3520 colour with #6A2035 background colour.

#6A2035 over22 #6A5520

Sample text in #6A2035 colour with #6A5520 background colour.

#6A5520 over 6A2035

Sample text in #6A5520 colour with #6A2035 background colour.

#6A2035 over22 #95DFCA

Sample text in #6A2035 colour with #95DFCA background colour.

#95DFCA over 6A2035

Sample text in #95DFCA colour with #6A2035 background colour.

#6A2035 over22 #383838

Sample text in #6A2035 colour with #383838 background colour.

#383838 over 6A2035

Sample text in #383838 colour with #6A2035 background colour.

#6A2035 over22 #663333

Sample text in #6A2035 colour with #663333 background colour.

#663333 over 6A2035

Sample text in #663333 colour with #6A2035 background colour.