Colour code #12250F

#12250F
rgb(18, 37, 15)
rgb(7.1%, 14.5%, 5.9%)

RGB value of #12250F colour is rgb(18, 37, 15) where red value is 18, green value is 37 and the blue value is 15.

Max value from RGB for colour #12250F is 37 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #12250F hue angle of 111.8°, saturation:42.3% and the lightness value is 10.2%.

The process colour (four Colour CMYK) of #12250F colour is Cyan = 0.51, Magento = 0, Yellow = 0.59, and Key/Black (K on CMYK) = 0.85.

Hex color #12250F is not a web safe color. Nearby web safe colour of #12250F is #003300.

Grayscale color of #12250F is #1C1C1C

Inverted color of #12250F is #EDDAF0

OLE colour (RGB Long) of #12250F is 992530

Decimal Value of #12250F is 1189135

Android / android.graphics.Color of #12250F is -15588081 / 0xFF12250F

The following declarations are allowed (CSS 3.0) for #12250F

Hex Triplets
#12250F
RGB Decimal
rgb(18, 37, 15)
RGB Percent
rgb(7.06%, 14.51%, 5.88%)
RGBA
rgba(18, 37, 15, 1)
HSL
hsl(111.8, 42.3%, 10.2%)
HSLA
hsla(111.8, 42.3%, 10.2%, 1)

Colour spaces of #12250F

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 18
    7.06%
    G = 37
    14.51%
    B = 15
    5.88%

    C = 92.94%
    0.92941176470588
    M = 85.49%
    0.85490196078431
    Y = 94.12%
    0.94117647058824
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 111.8°
    0.31060606060606
    S = 42.3%
    0.42307692307692
    L = 10.2%
    0.10196078431373
  • HSV (HSB) – hue, saturation, brightness/value
    H = 111.8°
    0.31060606060606
    S = 59.46%
    0.59459459459459
    V = 14.51%
    0.14509803921569
  • CMYK – cyan, magenta, yellow, key/black
    C = 51.35
    0.51351351351351
    M = 0
    0
    Y = 59.46
    0.59459459459459
    K = 85.49
    0.85490196078431
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 0.997
    0.99724575598
    Y = 1.486
    1.4862235377783
    Z = 0.686
    0.68624630000434

    Yxy
    CIE (x, y, Y)
    Y = 1.486
    1.4862235377783
    x = 0.315
    0.31461679336228
    y = 0.469
    0.46888229994605

    Hunter-Lab
    Hunter 1948 colour space
    L = 12.19
    12.191076809611
    a = -6.73
    -6.7328549356738
    b = 5.2
    5.1962681809438

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 12.52
    12.520208813426
    a = -13.47
    -13.471307402737
    b = 11.77
    11.770893328536

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 12.5202
    12.520208813426
    u = -6.5885
    -6.5885340045442
    v = 9.6568
    9.6568436237513

    CIELCH
    Cylindrical representation
    L = 12.5202
    12.520208813426
    C = 17.8894
    17.889383804111
    H = 138.8538
    138.85384698471

    YIQ
    Luma In-phase Quadrature
    Y = 0.113
    0.11298431372549
    I = -0.0167
    -0.016713725490196
    Q = -0.0426
    -0.042627450980392

Base Numbers

Base Red Green Blue
Binary 00010010 00100101 00001111
Octal 22 45 17
Decimal 18 37 15
Hex 12 25 F


Colour Harmonies : #12250F colour combinations

Complementary colour scheme for #12250F

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 #12250F colour is calculated by adding 180° to the value of the current hue: 111.8° → 291.8° (+180°)

Split-complementary colour scheme for #12250F

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 #12250F are calculated by changing the hue by ±5/12 (±150°): 111.8° → -38.2° (111.8°-150°), 261.8° (111.8°+150°).

Triadic colours scheme for #12250F

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 #12250F are calculated by changing the hue by ±1/3 (±120°): 111.8° → -8.2° (111.8°-120°), 231.8° (111.8°+120°).

Tetradic (Rectangle) colour scheme for #12250F

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 #12250F are calculated by changing the hue as follows : 111.8° → 231.8° (111.8°+120°), 291.8° (111.8°+180°), 411.8° (111.8°+300°).


Four tetradic scheme colours (counter-clockwise) for #12250F are calculated by changing the hue as follows : 111.8° → -8.2° (111.8°-120°), -68.2° (111.8°-180°), -188.2° (111.8°-300°).

Tetradic Square Colour Scheme for #12250F

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 #12250F are calculated by changing the hue by 1/4 (90°) progressively : 111.8° → 201.8° (111.8°+90°), 291.8° (111.8°+180°), 381.8° (111.8°+270°).

Analagous colours of #12250F

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 #12250F are calculated by changing the hue by ±1/12 (i.e. 30°): 111.8° → 141.8° (111.8°+30°), 81.8° (111.8°-30°).

RGB Variations of #12250F

(R:12, G:25, B:12)

Monochromatic colours of #12250F

Shade Colour Variation of #12250F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #12250F (Brighter)

Tint is created by mixing white to any pure color

Tones of #12250F colour with more saturation

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

Tones of #12250F colour with less saturation

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

#12250F Colour in CSS Codes


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

Text with hexadecimal font colour #12250F

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


#12250F Background Colour

This div background Colour is #12250F


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


#12250F Border Colour

This div border Colour is #12250F


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(18, 37, 15, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #12250F;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #12250F;
    -webkit-box-shadow: 1px 1px 3px 2px #12250F;
    box-shadow: 1px 1px 3px 2px #12250F;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 12250F



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

Colour Palettes with #12250F

Colour Compositions

RGB % of Colour #12250F

CMYK % of Colour #12250F

Related Colours along with #12250F

Black background

Sample text in #12250F colour with black background colour.

White background

Sample text in #12250F colour with white background colour.

#12250F over22 #003300

Sample text in #12250F colour with #003300 background colour.

#003300 over 12250F

Sample text in #003300 colour with #12250F background colour.

#12250F over22 #0F1225

Sample text in #12250F colour with #0F1225 background colour.

#0F1225 over 12250F

Sample text in #0F1225 colour with #12250F background colour.

#12250F over22 #0F1D25

Sample text in #12250F colour with #0F1D25 background colour.

#0F1D25 over 12250F

Sample text in #0F1D25 colour with #12250F background colour.

#12250F over22 #0F2512

Sample text in #12250F colour with #0F2512 background colour.

#0F2512 over 12250F

Sample text in #0F2512 colour with #12250F background colour.

#12250F over22 #0F2522

Sample text in #12250F colour with #0F2522 background colour.

#0F2522 over 12250F

Sample text in #0F2522 colour with #12250F background colour.

#12250F over22 #120F25

Sample text in #12250F colour with #120F25 background colour.

#120F25 over 12250F

Sample text in #120F25 colour with #12250F background colour.

#12250F over22 #170F25

Sample text in #12250F colour with #170F25 background colour.

#170F25 over 12250F

Sample text in #170F25 colour with #12250F background colour.

#12250F over22 #1C1C1C

Sample text in #12250F colour with #1C1C1C background colour.

#1C1C1C over 12250F

Sample text in #1C1C1C colour with #12250F background colour.

#12250F over22 #220F25

Sample text in #12250F colour with #220F25 background colour.

#220F25 over 12250F

Sample text in #220F25 colour with #12250F background colour.

#12250F over22 #250F12

Sample text in #12250F colour with #250F12 background colour.

#250F12 over 12250F

Sample text in #250F12 colour with #12250F background colour.

#12250F over22 #250F1D

Sample text in #12250F colour with #250F1D background colour.

#250F1D over 12250F

Sample text in #250F1D colour with #12250F background colour.

#12250F over22 #25120F

Sample text in #12250F colour with #25120F background colour.

#25120F over 12250F

Sample text in #25120F colour with #12250F background colour.

#12250F over22 #25170F

Sample text in #12250F colour with #25170F background colour.

#25170F over 12250F

Sample text in #25170F colour with #12250F background colour.

#12250F over22 #25220F

Sample text in #12250F colour with #25220F background colour.

#25220F over 12250F

Sample text in #25220F colour with #12250F background colour.

#12250F over22 #EDDAF0

Sample text in #12250F colour with #EDDAF0 background colour.

#EDDAF0 over 12250F

Sample text in #EDDAF0 colour with #12250F background colour.