Colour code #67001D

#67001D
rgb(103, 0, 29)
rgb(40.4%, 0%, 11.4%)

RGB value of #67001D colour is rgb(103, 0, 29) where red value is 103, green value is 0 and the blue value is 29.

Max value from RGB for colour #67001D is 103 which contains mainly Red colour.

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

The process colour (four Colour CMYK) of #67001D colour is Cyan = 0, Magento = 1, Yellow = 0.72, and Key/Black (K on CMYK) = 0.6.

Hex color #67001D is not a web safe color. Nearby web safe colour of #67001D is #660033.

Grayscale color of #67001D is #222222

Inverted color of #67001D is #98FFE2

OLE colour (RGB Long) of #67001D is 1900647

Decimal Value of #67001D is 6750237

Android / android.graphics.Color of #67001D is -10026979 / 0xFF67001D

The following declarations are allowed (CSS 3.0) for #67001D

Hex Triplets
#67001D
RGB Decimal
rgb(103, 0, 29)
RGB Percent
rgb(40.39%, 0%, 11.37%)
RGBA
rgba(103, 0, 29, 1)
HSL
hsl(343.1, 100%, 20.2%)
HSLA
hsla(343.1, 100%, 20.2%, 1)

Colour spaces of #67001D

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 103
    40.39%
    G = 0
    0%
    B = 29
    11.37%

    C = 59.61%
    0.59607843137255
    M = 100%
    1
    Y = 88.63%
    0.88627450980392
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343.1°
    0.95307443365696
    S = 100%
    1
    L = 20.2%
    0.20196078431373
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343.1°
    0.95307443365696
    S = 100%
    1
    V = 40.39%
    0.40392156862745
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 100
    1
    Y = 71.84
    0.71844660194175
    K = 59.61
    0.59607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 5.815
    5.815289629823
    Y = 2.972
    2.9722730344066
    Z = 1.43
    1.4296030445594

    Yxy
    CIE (x, y, Y)
    Y = 2.972
    2.9722730344066
    x = 0.569
    0.5691685733178
    y = 0.291
    0.29090974142171

    Hunter-Lab
    Hunter 1948 colour space
    L = 17.24
    17.240281419996
    a = 30.04
    30.039035053198
    b = 7.15
    7.1517363836955

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 19.93
    19.932510103611
    a = 42.14
    42.140306281894
    b = 14.77
    14.770012100021

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 19.9325
    19.932510103611
    u = 58.9508
    58.950832386465
    v = 5.392
    5.3920067970555

    CIELCH
    Cylindrical representation
    L = 19.9325
    19.932510103611
    C = 44.6538
    44.653764353821
    H = 19.3154
    19.315363643374

    YIQ
    Luma In-phase Quadrature
    Y = 0.1337
    0.13373725490196
    I = 0.2042
    0.20423137254902
    Q = 0.121
    0.121

Base Numbers

Base Red Green Blue
Binary 01100111 00000000 00011101
Octal 147 0 35
Decimal 103 0 29
Hex 67 0 1D


Colour Harmonies : #67001D colour combinations

Complementary colour scheme for #67001D

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 #67001D colour is calculated by adding 180° to the value of the current hue: 343.1° → 523.1° (+180°)

Split-complementary colour scheme for #67001D

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 #67001D are calculated by changing the hue by ±5/12 (±150°): 343.1° → 193.1° (343.1°-150°), 493.1° (343.1°+150°).

Triadic colours scheme for #67001D

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 #67001D are calculated by changing the hue by ±1/3 (±120°): 343.1° → 223.1° (343.1°-120°), 463.1° (343.1°+120°).

Tetradic (Rectangle) colour scheme for #67001D

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 #67001D are calculated by changing the hue as follows : 343.1° → 463.1° (343.1°+120°), 523.1° (343.1°+180°), 643.1° (343.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #67001D are calculated by changing the hue as follows : 343.1° → 223.1° (343.1°-120°), 163.1° (343.1°-180°), 43.1° (343.1°-300°).

Tetradic Square Colour Scheme for #67001D

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 #67001D are calculated by changing the hue by 1/4 (90°) progressively : 343.1° → 433.1° (343.1°+90°), 523.1° (343.1°+180°), 613.1° (343.1°+270°).

Analagous colours of #67001D

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 #67001D are calculated by changing the hue by ±1/12 (i.e. 30°): 343.1° → 373.1° (343.1°+30°), 313.1° (343.1°-30°).

RGB Variations of #67001D

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

Monochromatic colours of #67001D

Shade Colour Variation of #67001D (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #67001D (Brighter)

Tint is created by mixing white to any pure color

Tones of #67001D colour with more saturation

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

Tones of #67001D colour with less saturation

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

#67001D Colour in CSS Codes


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

Text with hexadecimal font colour #67001D

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


#67001D Background Colour

This div background Colour is #67001D


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


#67001D Border Colour

This div border Colour is #67001D


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(103, 0, 29, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #67001D;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #67001D;
    -webkit-box-shadow: 1px 1px 3px 2px #67001D;
    box-shadow: 1px 1px 3px 2px #67001D;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 67001D



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

Colour Compositions

RGB % of Colour #67001D

CMYK % of Colour #67001D

Related Colours along with #67001D

Black background

Sample text in #67001D colour with black background colour.

White background

Sample text in #67001D colour with white background colour.

#67001D over22 #001D67

Sample text in #67001D colour with #001D67 background colour.

#001D67 over 67001D

Sample text in #001D67 colour with #67001D background colour.

#67001D over22 #005167

Sample text in #67001D colour with #005167 background colour.

#005167 over 67001D

Sample text in #005167 colour with #67001D background colour.

#67001D over22 #006717

Sample text in #67001D colour with #006717 background colour.

#006717 over 67001D

Sample text in #006717 colour with #67001D background colour.

#67001D over22 #00671D

Sample text in #67001D colour with #00671D background colour.

#00671D over 67001D

Sample text in #00671D colour with #67001D background colour.

#67001D over22 #00674A

Sample text in #67001D colour with #00674A background colour.

#00674A over 67001D

Sample text in #00674A colour with #67001D background colour.

#67001D over22 #1D0067

Sample text in #67001D colour with #1D0067 background colour.

#1D0067 over 67001D

Sample text in #1D0067 colour with #67001D background colour.

#67001D over22 #1D6700

Sample text in #67001D colour with #1D6700 background colour.

#1D6700 over 67001D

Sample text in #1D6700 colour with #67001D background colour.

#67001D over22 #4A0067

Sample text in #67001D colour with #4A0067 background colour.

#4A0067 over 67001D

Sample text in #4A0067 colour with #67001D background colour.

#67001D over22 #671D00

Sample text in #67001D colour with #671D00 background colour.

#671D00 over 67001D

Sample text in #671D00 colour with #67001D background colour.

#67001D over22 #674A00

Sample text in #67001D colour with #674A00 background colour.

#674A00 over 67001D

Sample text in #674A00 colour with #67001D background colour.

#67001D over22 #98FFE2

Sample text in #67001D colour with #98FFE2 background colour.

#98FFE2 over 67001D

Sample text in #98FFE2 colour with #67001D background colour.

#67001D over22 #170067

Sample text in #67001D colour with #170067 background colour.

#170067 over 67001D

Sample text in #170067 colour with #67001D background colour.

#67001D over22 #222222

Sample text in #67001D colour with #222222 background colour.

#222222 over 67001D

Sample text in #222222 colour with #67001D background colour.

#67001D over22 #516700

Sample text in #67001D colour with #516700 background colour.

#516700 over 67001D

Sample text in #516700 colour with #67001D background colour.

#67001D over22 #660033

Sample text in #67001D colour with #660033 background colour.

#660033 over 67001D

Sample text in #660033 colour with #67001D background colour.