Colour code #300A1C

#300A1C
rgb(48, 10, 28)
rgb(18.8%, 3.9%, 11%)

RGB value of #300A1C colour is rgb(48, 10, 28) where red value is 48, green value is 10 and the blue value is 28.

Max value from RGB for colour #300A1C is 48 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #300A1C hue angle of 331.6°, saturation:65.5% and the lightness value is 11.4%.

The process colour (four Colour CMYK) of #300A1C colour is Cyan = 0, Magento = 0.79, Yellow = 0.42, and Key/Black (K on CMYK) = 0.81.

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

Grayscale color of #300A1C is #171717

Inverted color of #300A1C is #CFF5E3

OLE colour (RGB Long) of #300A1C is 1837616

Decimal Value of #300A1C is 3148316

Android / android.graphics.Color of #300A1C is -13628900 / 0xFF300A1C

The following declarations are allowed (CSS 3.0) for #300A1C

Hex Triplets
#300A1C
RGB Decimal
rgb(48, 10, 28)
RGB Percent
rgb(18.82%, 3.92%, 10.98%)
RGBA
rgba(48, 10, 28, 1)
HSL
hsl(331.6, 65.5%, 11.4%)
HSLA
hsla(331.6, 65.5%, 11.4%, 1)

Colour spaces of #300A1C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 48
    18.82%
    G = 10
    3.92%
    B = 28
    10.98%

    C = 81.18%
    0.81176470588235
    M = 96.08%
    0.96078431372549
    Y = 89.02%
    0.89019607843137
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 331.6°
    0.92105263157895
    S = 65.5%
    0.6551724137931
    L = 11.4%
    0.11372549019608
  • HSV (HSB) – hue, saturation, brightness/value
    H = 331.6°
    0.92105263157895
    S = 79.17%
    0.79166666666667
    V = 18.82%
    0.18823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 79.17
    0.79166666666667
    Y = 41.67
    0.41666666666667
    K = 81.18
    0.81176470588235
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 1.537
    1.5370661270267
    Y = 0.929
    0.92930120897969
    Z = 1.197
    1.1969690112386

    Yxy
    CIE (x, y, Y)
    Y = 0.929
    0.92930120897969
    x = 0.42
    0.4195809451629
    y = 0.254
    0.25367619047008

    Hunter-Lab
    Hunter 1948 colour space
    L = 9.64
    9.6400270174917
    a = 11.59
    11.591107773875
    b = -0.61
    -0.61381654190639

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 8.39
    8.3880357669141
    a = 21.32
    21.320193587588
    b = -2.42
    -2.4220525099385

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 8.388
    8.3880357669141
    u = 13.5878
    13.587775032745
    v = -3.2385
    -3.238523430081

    CIELCH
    Cylindrical representation
    L = 8.388
    8.3880357669141
    C = 21.4573
    21.457329586254
    H = 353.5188
    353.51877491545

    YIQ
    Luma In-phase Quadrature
    Y = 0.0918
    0.091819607843137
    I = 0.0662
    0.066156862745098
    Q = 0.0535
    0.053545098039216

Base Numbers

Base Red Green Blue
Binary 00110000 00001010 00011100
Octal 60 12 34
Decimal 48 10 28
Hex 30 A 1C


Colour Harmonies : #300A1C colour combinations

Complementary colour scheme for #300A1C

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 #300A1C colour is calculated by adding 180° to the value of the current hue: 331.6° → 511.6° (+180°)

Split-complementary colour scheme for #300A1C

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 #300A1C are calculated by changing the hue by ±5/12 (±150°): 331.6° → 181.6° (331.6°-150°), 481.6° (331.6°+150°).

Triadic colours scheme for #300A1C

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 #300A1C are calculated by changing the hue by ±1/3 (±120°): 331.6° → 211.6° (331.6°-120°), 451.6° (331.6°+120°).

Tetradic (Rectangle) colour scheme for #300A1C

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 #300A1C are calculated by changing the hue as follows : 331.6° → 451.6° (331.6°+120°), 511.6° (331.6°+180°), 631.6° (331.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #300A1C are calculated by changing the hue as follows : 331.6° → 211.6° (331.6°-120°), 151.6° (331.6°-180°), 31.6° (331.6°-300°).

Tetradic Square Colour Scheme for #300A1C

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 #300A1C are calculated by changing the hue by 1/4 (90°) progressively : 331.6° → 421.6° (331.6°+90°), 511.6° (331.6°+180°), 601.6° (331.6°+270°).

Analagous colours of #300A1C

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 #300A1C are calculated by changing the hue by ±1/12 (i.e. 30°): 331.6° → 361.6° (331.6°+30°), 301.6° (331.6°-30°).

RGB Variations of #300A1C

(R:30, G:0A, B:30)

Monochromatic colours of #300A1C

Shade Colour Variation of #300A1C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #300A1C (Brighter)

Tint is created by mixing white to any pure color

Tones of #300A1C colour with more saturation

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

Tones of #300A1C colour with less saturation

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

#300A1C Colour in CSS Codes


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

Text with hexadecimal font colour #300A1C

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


#300A1C Background Colour

This div background Colour is #300A1C


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


#300A1C Border Colour

This div border Colour is #300A1C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(48, 10, 28, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #300A1C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #300A1C;
    -webkit-box-shadow: 1px 1px 3px 2px #300A1C;
    box-shadow: 1px 1px 3px 2px #300A1C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 300A1C



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

Colour Palettes with #300A1C

Colour Compositions

RGB % of Colour #300A1C

CMYK % of Colour #300A1C

Related Colours along with #300A1C

Black background

Sample text in #300A1C colour with black background colour.

White background

Sample text in #300A1C colour with white background colour.

#300A1C over22 #0A1C30

Sample text in #300A1C colour with #0A1C30 background colour.

#0A1C30 over 300A1C

Sample text in #0A1C30 colour with #300A1C background colour.

#300A1C over22 #0A2F30

Sample text in #300A1C colour with #0A2F30 background colour.

#0A2F30 over 300A1C

Sample text in #0A2F30 colour with #300A1C background colour.

#300A1C over22 #0A300B

Sample text in #300A1C colour with #0A300B background colour.

#0A300B over 300A1C

Sample text in #0A300B colour with #300A1C background colour.

#300A1C over22 #0A301C

Sample text in #300A1C colour with #0A301C background colour.

#0A301C over 300A1C

Sample text in #0A301C colour with #300A1C background colour.

#300A1C over22 #0A301E

Sample text in #300A1C colour with #0A301E background colour.

#0A301E over 300A1C

Sample text in #0A301E colour with #300A1C background colour.

#300A1C over22 #0B0A30

Sample text in #300A1C colour with #0B0A30 background colour.

#0B0A30 over 300A1C

Sample text in #0B0A30 colour with #300A1C background colour.

#300A1C over22 #1C0A30

Sample text in #300A1C colour with #1C0A30 background colour.

#1C0A30 over 300A1C

Sample text in #1C0A30 colour with #300A1C background colour.

#300A1C over22 #1C300A

Sample text in #300A1C colour with #1C300A background colour.

#1C300A over 300A1C

Sample text in #1C300A colour with #300A1C background colour.

#300A1C over22 #1E0A30

Sample text in #300A1C colour with #1E0A30 background colour.

#1E0A30 over 300A1C

Sample text in #1E0A30 colour with #300A1C background colour.

#300A1C over22 #2F300A

Sample text in #300A1C colour with #2F300A background colour.

#2F300A over 300A1C

Sample text in #2F300A colour with #300A1C background colour.

#300A1C over22 #301C0A

Sample text in #300A1C colour with #301C0A background colour.

#301C0A over 300A1C

Sample text in #301C0A colour with #300A1C background colour.

#300A1C over22 #301E0A

Sample text in #300A1C colour with #301E0A background colour.

#301E0A over 300A1C

Sample text in #301E0A colour with #300A1C background colour.

#300A1C over22 #CFF5E3

Sample text in #300A1C colour with #CFF5E3 background colour.

#CFF5E3 over 300A1C

Sample text in #CFF5E3 colour with #300A1C background colour.

#300A1C over22 #171717

Sample text in #300A1C colour with #171717 background colour.

#171717 over 300A1C

Sample text in #171717 colour with #300A1C background colour.

#300A1C over22 #330033

Sample text in #300A1C colour with #330033 background colour.

#330033 over 300A1C

Sample text in #330033 colour with #300A1C background colour.