Colour code #FBA101

#FBA101
rgb(251, 161, 1)
rgb(98.4%, 63.1%, 0.4%)

RGB value of #FBA101 colour is rgb(251, 161, 1) where red value is 251, green value is 161 and the blue value is 1.

Max value from RGB for colour #FBA101 is 251 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FBA101 hue angle of 38.4°, saturation:99.2% and the lightness value is 49.4%.

The process colour (four Colour CMYK) of #FBA101 colour is Cyan = 0, Magento = 0.36, Yellow = 1, and Key/Black (K on CMYK) = 0.02.

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

Grayscale color of #FBA101 is #AAAAAA

Inverted color of #FBA101 is #045EFE

OLE colour (RGB Long) of #FBA101 is 107003

Decimal Value of #FBA101 is 16490753

Android / android.graphics.Color of #FBA101 is -286463 / 0xFFFBA101

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

Hex Triplets
#FBA101
RGB Decimal
rgb(251, 161, 1)
RGB Percent
rgb(98.43%, 63.14%, 0.39%)
RGBA
rgba(251, 161, 1, 1)
HSL
hsl(38.4, 99.2%, 49.4%)
HSLA
hsla(38.4, 99.2%, 49.4%, 1)

Colour spaces of #FBA101

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 251
    98.43%
    G = 161
    63.14%
    B = 1
    0.39%

    C = 1.57%
    0.015686274509804
    M = 36.86%
    0.36862745098039
    Y = 99.61%
    0.99607843137255
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 38.4°
    0.10666666666667
    S = 99.2%
    0.99206349206349
    L = 49.4%
    0.49411764705882
  • HSV (HSB) – hue, saturation, brightness/value
    H = 38.4°
    0.10666666666667
    S = 99.6%
    0.99601593625498
    V = 98.43%
    0.9843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 35.86
    0.35856573705179
    Y = 99.6
    0.99601593625498
    K = 1.57
    0.015686274509804
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 52.534
    52.53400867988
    Y = 46.001
    46.001159404375
    Z = 6.139
    6.1389844164423

    Yxy
    CIE (x, y, Y)
    Y = 46.001
    46.001159404375
    x = 0.502
    0.50188138546935
    y = 0.439
    0.43947009175994

    Hunter-Lab
    Hunter 1948 colour space
    L = 67.82
    67.824154550112
    a = 19.57
    19.567035702779
    b = 42.11
    42.110377802722

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 73.55
    73.54628680938
    a = 24.36
    24.358509121186
    b = 77.7
    77.699547727369

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 73.5463
    73.54628680938
    u = 74.8657
    74.865739343965
    v = 72.397
    72.397035389075

    CIELCH
    Cylindrical representation
    L = 73.5463
    73.54628680938
    C = 81.4282
    81.428230262266
    H = 72.594
    72.593992758665

    YIQ
    Luma In-phase Quadrature
    Y = 0.6654
    0.66537254901961
    I = 0.4118
    0.41176470588235
    Q = -0.1203
    -0.1203137254902

Base Numbers

Base Red Green Blue
Binary 11111011 10100001 00000001
Octal 373 241 1
Decimal 251 161 1
Hex FB A1 1


Colour Harmonies : #FBA101 colour combinations

Complementary colour scheme for #FBA101

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

Split-complementary colour scheme for #FBA101

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 #FBA101 are calculated by changing the hue by ±5/12 (±150°): 38.4° → -111.6° (38.4°-150°), 188.4° (38.4°+150°).

Triadic colours scheme for #FBA101

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 #FBA101 are calculated by changing the hue by ±1/3 (±120°): 38.4° → -81.6° (38.4°-120°), 158.4° (38.4°+120°).

Tetradic (Rectangle) colour scheme for #FBA101

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 #FBA101 are calculated by changing the hue as follows : 38.4° → 158.4° (38.4°+120°), 218.4° (38.4°+180°), 338.4° (38.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #FBA101 are calculated by changing the hue as follows : 38.4° → -81.6° (38.4°-120°), -141.6° (38.4°-180°), -261.6° (38.4°-300°).

Tetradic Square Colour Scheme for #FBA101

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 #FBA101 are calculated by changing the hue by 1/4 (90°) progressively : 38.4° → 128.4° (38.4°+90°), 218.4° (38.4°+180°), 308.4° (38.4°+270°).

Analagous colours of #FBA101

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 #FBA101 are calculated by changing the hue by ±1/12 (i.e. 30°): 38.4° → 68.4° (38.4°+30°), 8.4° (38.4°-30°).

RGB Variations of #FBA101

(R:FB, G:A1, B:FB)

Monochromatic colours of #FBA101

Shade Colour Variation of #FBA101 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FBA101 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FBA101 colour with more saturation

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

Tones of #FBA101 colour with less saturation

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

#FBA101 Colour in CSS Codes


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

Text with hexadecimal font colour #FBA101

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


#FBA101 Background Colour

This div background Colour is #FBA101


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


#FBA101 Border Colour

This div border Colour is #FBA101


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(251, 161, 1, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #FBA101;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #FBA101;
    -webkit-box-shadow: 1px 1px 3px 2px #FBA101;
    box-shadow: 1px 1px 3px 2px #FBA101;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(251, 161, 1, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FBA101



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

Colour Palettes with #FBA101

Colour Compositions

RGB % of Colour #FBA101

CMYK % of Colour #FBA101

Related Colours along with #FBA101

Black background

Sample text in #FBA101 colour with black background colour.

White background

Sample text in #FBA101 colour with white background colour.

#FBA101 over22 #015BFB

Sample text in #FBA101 colour with #015BFB background colour.

#015BFB over FBA101

Sample text in #015BFB colour with #FBA101 background colour.

#FBA101 over22 #01A1FB

Sample text in #FBA101 colour with #01A1FB background colour.

#01A1FB over FBA101

Sample text in #01A1FB colour with #FBA101 background colour.

#FBA101 over22 #01D8FB

Sample text in #FBA101 colour with #01D8FB background colour.

#01D8FB over FBA101

Sample text in #01D8FB colour with #FBA101 background colour.

#FBA101 over22 #01FB24

Sample text in #FBA101 colour with #01FB24 background colour.

#01FB24 over FBA101

Sample text in #01FB24 colour with #FBA101 background colour.

#FBA101 over22 #01FBA1

Sample text in #FBA101 colour with #01FBA1 background colour.

#01FBA1 over FBA101

Sample text in #01FBA1 colour with #FBA101 background colour.

#FBA101 over22 #045EFE

Sample text in #FBA101 colour with #045EFE background colour.

#045EFE over FBA101

Sample text in #045EFE colour with #FBA101 background colour.

#FBA101 over22 #2401FB

Sample text in #FBA101 colour with #2401FB background colour.

#2401FB over FBA101

Sample text in #2401FB colour with #FBA101 background colour.

#FBA101 over22 #5BFB01

Sample text in #FBA101 colour with #5BFB01 background colour.

#5BFB01 over FBA101

Sample text in #5BFB01 colour with #FBA101 background colour.

#FBA101 over22 #A101FB

Sample text in #FBA101 colour with #A101FB background colour.

#A101FB over FBA101

Sample text in #A101FB colour with #FBA101 background colour.

#FBA101 over22 #A1FB01

Sample text in #FBA101 colour with #A1FB01 background colour.

#A1FB01 over FBA101

Sample text in #A1FB01 colour with #FBA101 background colour.

#FBA101 over22 #AAAAAA

Sample text in #FBA101 colour with #AAAAAA background colour.

#AAAAAA over FBA101

Sample text in #AAAAAA colour with #FBA101 background colour.

#FBA101 over22 #FB015B

Sample text in #FBA101 colour with #FB015B background colour.

#FB015B over FBA101

Sample text in #FB015B colour with #FBA101 background colour.

#FBA101 over22 #FB01A1

Sample text in #FBA101 colour with #FB01A1 background colour.

#FB01A1 over FBA101

Sample text in #FB01A1 colour with #FBA101 background colour.

#FBA101 over22 #FB01D8

Sample text in #FBA101 colour with #FB01D8 background colour.

#FB01D8 over FBA101

Sample text in #FB01D8 colour with #FBA101 background colour.

#FBA101 over22 #FF9900

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

#FF9900 over FBA101

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