Colour code #F4A207

#F4A207
rgb(244, 162, 7)
rgb(95.7%, 63.5%, 2.7%)

RGB value of #F4A207 colour is rgb(244, 162, 7) where red value is 244, green value is 162 and the blue value is 7.

Max value from RGB for colour #F4A207 is 244 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #F4A207 hue angle of 39.2°, saturation:94.4% and the lightness value is 49.2%.

The process colour (four Colour CMYK) of #F4A207 colour is Cyan = 0, Magento = 0.34, Yellow = 0.97, and Key/Black (K on CMYK) = 0.04.

Hex color #F4A207 is not a web safe color. Nearby web safe colour of #F4A207 is #FF9900.

Grayscale color of #F4A207 is #A9A9A9

Inverted color of #F4A207 is #0B5DF8

OLE colour (RGB Long) of #F4A207 is 500468

Decimal Value of #F4A207 is 16032263

Android / android.graphics.Color of #F4A207 is -744953 / 0xFFF4A207

The following declarations are allowed (CSS 3.0) for #F4A207

Hex Triplets
#F4A207
RGB Decimal
rgb(244, 162, 7)
RGB Percent
rgb(95.69%, 63.53%, 2.75%)
RGBA
rgba(244, 162, 7, 1)
HSL
hsl(39.2, 94.4%, 49.2%)
HSLA
hsla(39.2, 94.4%, 49.2%, 1)

Colour spaces of #F4A207

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 244
    95.69%
    G = 162
    63.53%
    B = 7
    2.75%

    C = 4.31%
    0.043137254901961
    M = 36.47%
    0.36470588235294
    Y = 97.25%
    0.97254901960784
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 39.2°
    0.10900140646976
    S = 94.4%
    0.94422310756972
    L = 49.2%
    0.4921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 39.2°
    0.10900140646976
    S = 97.13%
    0.97131147540984
    V = 95.69%
    0.95686274509804
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 33.61
    0.33606557377049
    Y = 97.13
    0.97131147540984
    K = 4.31
    0.043137254901961
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 50.267
    50.266907911321
    Y = 45.089
    45.089097711421
    Z = 6.255
    6.2547245600986

    Yxy
    CIE (x, y, Y)
    Y = 45.089
    45.089097711421
    x = 0.495
    0.49470078426628
    y = 0.444
    0.44374346715437

    Hunter-Lab
    Hunter 1948 colour space
    L = 67.15
    67.148415998757
    a = 16.11
    16.114318507411
    b = 41.48
    41.481160489069

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 72.95
    72.950522624076
    a = 20.94
    20.93681116142
    b = 76.19
    76.193408499742

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 72.9505
    72.950522624076
    u = 68.2025
    68.20252868111
    v = 72.1658
    72.165788502266

    CIELCH
    Cylindrical representation
    L = 72.9505
    72.950522624076
    C = 79.0176
    79.017628162439
    H = 74.6352
    74.635198097685

    YIQ
    Luma In-phase Quadrature
    Y = 0.6621
    0.66214901960784
    I = 0.3868
    0.38677254901961
    Q = -0.1209
    -0.12086666666667

Base Numbers

Base Red Green Blue
Binary 11110100 10100010 00000111
Octal 364 242 7
Decimal 244 162 7
Hex F4 A2 7


Colour Harmonies : #F4A207 colour combinations

Complementary colour scheme for #F4A207

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 #F4A207 colour is calculated by adding 180° to the value of the current hue: 39.2° → 219.2° (+180°)

Split-complementary colour scheme for #F4A207

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 #F4A207 are calculated by changing the hue by ±5/12 (±150°): 39.2° → -110.8° (39.2°-150°), 189.2° (39.2°+150°).

Triadic colours scheme for #F4A207

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 #F4A207 are calculated by changing the hue by ±1/3 (±120°): 39.2° → -80.8° (39.2°-120°), 159.2° (39.2°+120°).

Tetradic (Rectangle) colour scheme for #F4A207

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 #F4A207 are calculated by changing the hue as follows : 39.2° → 159.2° (39.2°+120°), 219.2° (39.2°+180°), 339.2° (39.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #F4A207 are calculated by changing the hue as follows : 39.2° → -80.8° (39.2°-120°), -140.8° (39.2°-180°), -260.8° (39.2°-300°).

Tetradic Square Colour Scheme for #F4A207

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 #F4A207 are calculated by changing the hue by 1/4 (90°) progressively : 39.2° → 129.2° (39.2°+90°), 219.2° (39.2°+180°), 309.2° (39.2°+270°).

Analagous colours of #F4A207

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 #F4A207 are calculated by changing the hue by ±1/12 (i.e. 30°): 39.2° → 69.2° (39.2°+30°), 9.2° (39.2°-30°).

RGB Variations of #F4A207

(R:F4, G:A2, B:F4)

Monochromatic colours of #F4A207

Shade Colour Variation of #F4A207 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F4A207 (Brighter)

Tint is created by mixing white to any pure color

Tones of #F4A207 colour with more saturation

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

Tones of #F4A207 colour with less saturation

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

#F4A207 Colour in CSS Codes


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

Text with hexadecimal font colour #F4A207

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


#F4A207 Background Colour

This div background Colour is #F4A207


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


#F4A207 Border Colour

This div border Colour is #F4A207


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(244, 162, 7, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #F4A207;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #F4A207;
    -webkit-box-shadow: 1px 1px 3px 2px #F4A207;
    box-shadow: 1px 1px 3px 2px #F4A207;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(244, 162, 7, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F4A207



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

Colour Palettes with #F4A207

Colour Compositions

RGB % of Colour #F4A207

CMYK % of Colour #F4A207

Related Colours along with #F4A207

Black background

Sample text in #F4A207 colour with black background colour.

White background

Sample text in #F4A207 colour with white background colour.

#F4A207 over22 #0759F4

Sample text in #F4A207 colour with #0759F4 background colour.

#0759F4 over F4A207

Sample text in #0759F4 colour with #F4A207 background colour.

#F4A207 over22 #07A2F4

Sample text in #F4A207 colour with #07A2F4 background colour.

#07A2F4 over F4A207

Sample text in #07A2F4 colour with #F4A207 background colour.

#F4A207 over22 #07CFF4

Sample text in #F4A207 colour with #07CFF4 background colour.

#07CFF4 over F4A207

Sample text in #07CFF4 colour with #F4A207 background colour.

#F4A207 over22 #07F42B

Sample text in #F4A207 colour with #07F42B background colour.

#07F42B over F4A207

Sample text in #07F42B colour with #F4A207 background colour.

#F4A207 over22 #07F4A2

Sample text in #F4A207 colour with #07F4A2 background colour.

#07F4A2 over F4A207

Sample text in #07F4A2 colour with #F4A207 background colour.

#F4A207 over22 #0B5DF8

Sample text in #F4A207 colour with #0B5DF8 background colour.

#0B5DF8 over F4A207

Sample text in #0B5DF8 colour with #F4A207 background colour.

#F4A207 over22 #2B07F4

Sample text in #F4A207 colour with #2B07F4 background colour.

#2B07F4 over F4A207

Sample text in #2B07F4 colour with #F4A207 background colour.

#F4A207 over22 #59F407

Sample text in #F4A207 colour with #59F407 background colour.

#59F407 over F4A207

Sample text in #59F407 colour with #F4A207 background colour.

#F4A207 over22 #A207F4

Sample text in #F4A207 colour with #A207F4 background colour.

#A207F4 over F4A207

Sample text in #A207F4 colour with #F4A207 background colour.

#F4A207 over22 #A2F407

Sample text in #F4A207 colour with #A2F407 background colour.

#A2F407 over F4A207

Sample text in #A2F407 colour with #F4A207 background colour.

#F4A207 over22 #A9A9A9

Sample text in #F4A207 colour with #A9A9A9 background colour.

#A9A9A9 over F4A207

Sample text in #A9A9A9 colour with #F4A207 background colour.

#F4A207 over22 #F40759

Sample text in #F4A207 colour with #F40759 background colour.

#F40759 over F4A207

Sample text in #F40759 colour with #F4A207 background colour.

#F4A207 over22 #F407A2

Sample text in #F4A207 colour with #F407A2 background colour.

#F407A2 over F4A207

Sample text in #F407A2 colour with #F4A207 background colour.

#F4A207 over22 #F407CF

Sample text in #F4A207 colour with #F407CF background colour.

#F407CF over F4A207

Sample text in #F407CF colour with #F4A207 background colour.

#F4A207 over22 #FF9900

Sample text in #F4A207 colour with #FF9900 background colour.

#FF9900 over F4A207

Sample text in #FF9900 colour with #F4A207 background colour.