Colour code #663B11

#663B11
rgb(102, 59, 17)
rgb(40%, 23.1%, 6.7%)

RGB value of #663B11 colour is rgb(102, 59, 17) where red value is 102, green value is 59 and the blue value is 17.

Max value from RGB for colour #663B11 is 102 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #663B11 hue angle of 29.6°, saturation:71.4% and the lightness value is 23.3%.

The process colour (four Colour CMYK) of #663B11 colour is Cyan = 0, Magento = 0.42, Yellow = 0.83, and Key/Black (K on CMYK) = 0.6.

Hex color #663B11 is not a web safe color. Nearby web safe colour of #663B11 is #663300.

Grayscale color of #663B11 is #434343

Inverted color of #663B11 is #99C4EE

OLE colour (RGB Long) of #663B11 is 1129318

Decimal Value of #663B11 is 6699793

Android / android.graphics.Color of #663B11 is -10077423 / 0xFF663B11

The following declarations are allowed (CSS 3.0) for #663B11

Hex Triplets
#663B11
RGB Decimal
rgb(102, 59, 17)
RGB Percent
rgb(40%, 23.14%, 6.67%)
RGBA
rgba(102, 59, 17, 1)
HSL
hsl(29.6, 71.4%, 23.3%)
HSLA
hsla(29.6, 71.4%, 23.3%, 1)

Colour spaces of #663B11

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 102
    40%
    G = 59
    23.14%
    B = 17
    6.67%

    C = 60%
    0.6
    M = 76.86%
    0.76862745098039
    Y = 93.33%
    0.93333333333333
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 29.6°
    0.082352941176471
    S = 71.4%
    0.71428571428571
    L = 23.3%
    0.23333333333333
  • HSV (HSB) – hue, saturation, brightness/value
    H = 29.6°
    0.082352941176471
    S = 83.33%
    0.83333333333333
    V = 40%
    0.4
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 42.16
    0.42156862745098
    Y = 83.33
    0.83333333333333
    K = 60
    0.6
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 7.145
    7.1446315459257
    Y = 5.993
    5.9931807362197
    Z = 1.311
    1.3105498832225

    Yxy
    CIE (x, y, Y)
    Y = 5.993
    5.9931807362197
    x = 0.494
    0.49449421769418
    y = 0.415
    0.41480000761506

    Hunter-Lab
    Hunter 1948 colour space
    L = 24.48
    24.480973706574
    a = 9.25
    9.2524956247336
    b = 13.96
    13.9626860049

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 29.4
    29.395253694731
    a = 15.35
    15.347657738278
    b = 32.43
    32.432968743044

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 29.3953
    29.395253694731
    u = 32.5539
    32.553887971876
    v = 25.1627
    25.162682996355

    CIELCH
    Cylindrical representation
    L = 29.3953
    29.395253694731
    C = 35.881
    35.881026456034
    H = 64.6759
    64.675943304287

    YIQ
    Luma In-phase Quadrature
    Y = 0.263
    0.26301568627451
    I = 0.1534
    0.15337254901961
    Q = -0.0155
    -0.015474509803922

Base Numbers

Base Red Green Blue
Binary 01100110 00111011 00010001
Octal 146 73 21
Decimal 102 59 17
Hex 66 3B 11


Colour Harmonies : #663B11 colour combinations

Complementary colour scheme for #663B11

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 #663B11 colour is calculated by adding 180° to the value of the current hue: 29.6° → 209.6° (+180°)

Split-complementary colour scheme for #663B11

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 #663B11 are calculated by changing the hue by ±5/12 (±150°): 29.6° → -120.4° (29.6°-150°), 179.6° (29.6°+150°).

Triadic colours scheme for #663B11

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 #663B11 are calculated by changing the hue by ±1/3 (±120°): 29.6° → -90.4° (29.6°-120°), 149.6° (29.6°+120°).

Tetradic (Rectangle) colour scheme for #663B11

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 #663B11 are calculated by changing the hue as follows : 29.6° → 149.6° (29.6°+120°), 209.6° (29.6°+180°), 329.6° (29.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #663B11 are calculated by changing the hue as follows : 29.6° → -90.4° (29.6°-120°), -150.4° (29.6°-180°), -270.4° (29.6°-300°).

Tetradic Square Colour Scheme for #663B11

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 #663B11 are calculated by changing the hue by 1/4 (90°) progressively : 29.6° → 119.6° (29.6°+90°), 209.6° (29.6°+180°), 299.6° (29.6°+270°).

Analagous colours of #663B11

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 #663B11 are calculated by changing the hue by ±1/12 (i.e. 30°): 29.6° → 59.6° (29.6°+30°), -0.4° (29.6°-30°).

RGB Variations of #663B11

(R:66, G:3B, B:66)

Monochromatic colours of #663B11

Shade Colour Variation of #663B11 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #663B11 (Brighter)

Tint is created by mixing white to any pure color

Tones of #663B11 colour with more saturation

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

Tones of #663B11 colour with less saturation

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

#663B11 Colour in CSS Codes


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

Text with hexadecimal font colour #663B11

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


#663B11 Background Colour

This div background Colour is #663B11


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


#663B11 Border Colour

This div border Colour is #663B11


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(102, 59, 17, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #663B11;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #663B11;
    -webkit-box-shadow: 1px 1px 3px 2px #663B11;
    box-shadow: 1px 1px 3px 2px #663B11;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 663B11



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

Colour Palettes with #663B11

Colour Compositions

RGB % of Colour #663B11

CMYK % of Colour #663B11

Related Colours along with #663B11

Black background

Sample text in #663B11 colour with black background colour.

White background

Sample text in #663B11 colour with white background colour.

#663B11 over22 #113B66

Sample text in #663B11 colour with #113B66 background colour.

#113B66 over 663B11

Sample text in #113B66 colour with #663B11 background colour.

#663B11 over22 #113C66

Sample text in #663B11 colour with #113C66 background colour.

#113C66 over 663B11

Sample text in #113C66 colour with #663B11 background colour.

#663B11 over22 #11663B

Sample text in #663B11 colour with #11663B background colour.

#11663B over 663B11

Sample text in #11663B colour with #663B11 background colour.

#663B11 over22 #3B1166

Sample text in #663B11 colour with #3B1166 background colour.

#3B1166 over 663B11

Sample text in #3B1166 colour with #663B11 background colour.

#663B11 over22 #3B6611

Sample text in #663B11 colour with #3B6611 background colour.

#3B6611 over 663B11

Sample text in #3B6611 colour with #663B11 background colour.

#663B11 over22 #3C6611

Sample text in #663B11 colour with #3C6611 background colour.

#3C6611 over 663B11

Sample text in #3C6611 colour with #663B11 background colour.

#663B11 over22 #66113B

Sample text in #663B11 colour with #66113B background colour.

#66113B over 663B11

Sample text in #66113B colour with #663B11 background colour.

#663B11 over22 #66113C

Sample text in #663B11 colour with #66113C background colour.

#66113C over 663B11

Sample text in #66113C colour with #663B11 background colour.

#663B11 over22 #99C4EE

Sample text in #663B11 colour with #99C4EE background colour.

#99C4EE over 663B11

Sample text in #99C4EE colour with #663B11 background colour.

#663B11 over22 #111166

Sample text in #663B11 colour with #111166 background colour.

#111166 over 663B11

Sample text in #111166 colour with #663B11 background colour.

#663B11 over22 #116611

Sample text in #663B11 colour with #116611 background colour.

#116611 over 663B11

Sample text in #116611 colour with #663B11 background colour.

#663B11 over22 #116665

Sample text in #663B11 colour with #116665 background colour.

#116665 over 663B11

Sample text in #116665 colour with #663B11 background colour.

#663B11 over22 #434343

Sample text in #663B11 colour with #434343 background colour.

#434343 over 663B11

Sample text in #434343 colour with #663B11 background colour.

#663B11 over22 #651166

Sample text in #663B11 colour with #651166 background colour.

#651166 over 663B11

Sample text in #651166 colour with #663B11 background colour.

#663B11 over22 #663300

Sample text in #663B11 colour with #663300 background colour.

#663300 over 663B11

Sample text in #663300 colour with #663B11 background colour.