Colour code #3A8BFC

#3A8BFC
rgb(58, 139, 252)
rgb(22.7%, 54.5%, 98.8%)

RGB value of #3A8BFC colour is rgb(58, 139, 252) where red value is 58, green value is 139 and the blue value is 252.

Max value from RGB for colour #3A8BFC is 252 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #3A8BFC hue angle of 214.9°, saturation:97% and the lightness value is 60.8%.

The process colour (four Colour CMYK) of #3A8BFC colour is Cyan = 0.77, Magento = 0.45, Yellow = 0, and Key/Black (K on CMYK) = 0.01.

Hex color #3A8BFC is not a web safe color. Nearby web safe colour of #3A8BFC is #3399FF.

Grayscale color of #3A8BFC is #7F7F7F

Inverted color of #3A8BFC is #C57403

OLE colour (RGB Long) of #3A8BFC is 16550714

Decimal Value of #3A8BFC is 3836924

Android / android.graphics.Color of #3A8BFC is -12940292 / 0xFF3A8BFC

The following declarations are allowed (CSS 3.0) for #3A8BFC

Hex Triplets
#3A8BFC
RGB Decimal
rgb(58, 139, 252)
RGB Percent
rgb(22.75%, 54.51%, 98.82%)
RGBA
rgba(58, 139, 252, 1)
HSL
hsl(214.9, 97%, 60.8%)
HSLA
hsla(214.9, 97%, 60.8%, 1)

Colour spaces of #3A8BFC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 58
    22.75%
    G = 139
    54.51%
    B = 252
    98.82%

    C = 77.25%
    0.77254901960784
    M = 45.49%
    0.45490196078431
    Y = 1.18%
    0.011764705882353
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 214.9°
    0.59707903780069
    S = 97%
    0.97
    L = 60.8%
    0.6078431372549
  • HSV (HSB) – hue, saturation, brightness/value
    H = 214.9°
    0.59707903780069
    S = 76.98%
    0.76984126984127
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 76.98
    0.76984126984127
    M = 44.84
    0.4484126984127
    Y = 0
    0
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 28.548
    28.54822888617
    Y = 26.393
    26.393053227427
    Z = 95.685
    95.685175481693

    Yxy
    CIE (x, y, Y)
    Y = 26.393
    26.393053227427
    x = 0.19
    0.18952997595465
    y = 0.175
    0.17522189427266

    Hunter-Lab
    Hunter 1948 colour space
    L = 51.37
    51.374169801007
    a = 9.29
    9.2862725223473
    b = -74.47
    -74.466611201854

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 58.41
    58.408268829444
    a = 14.12
    14.124667242921
    b = -63.28
    -63.278715149216

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 58.4083
    58.408268829444
    u = -28.3554
    -28.355357315281
    v = -102.1129
    -102.11287943149

    CIELCH
    Cylindrical representation
    L = 58.4083
    58.408268829444
    C = 64.836
    64.835962363944
    H = 282.5829
    282.58292285454

    YIQ
    Luma In-phase Quadrature
    Y = 0.5006
    0.50063921568627
    I = -0.3316
    -0.33156470588235
    Q = 0.0705
    0.070474509803922

Base Numbers

Base Red Green Blue
Binary 00111010 10001011 11111100
Octal 72 213 374
Decimal 58 139 252
Hex 3A 8B FC


Colour Harmonies : #3A8BFC colour combinations

Complementary colour scheme for #3A8BFC

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 #3A8BFC colour is calculated by adding 180° to the value of the current hue: 214.9° → 394.9° (+180°)

Split-complementary colour scheme for #3A8BFC

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 #3A8BFC are calculated by changing the hue by ±5/12 (±150°): 214.9° → 64.9° (214.9°-150°), 364.9° (214.9°+150°).

Triadic colours scheme for #3A8BFC

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 #3A8BFC are calculated by changing the hue by ±1/3 (±120°): 214.9° → 94.9° (214.9°-120°), 334.9° (214.9°+120°).

Tetradic (Rectangle) colour scheme for #3A8BFC

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 #3A8BFC are calculated by changing the hue as follows : 214.9° → 334.9° (214.9°+120°), 394.9° (214.9°+180°), 514.9° (214.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #3A8BFC are calculated by changing the hue as follows : 214.9° → 94.9° (214.9°-120°), 34.9° (214.9°-180°), -85.1° (214.9°-300°).

Tetradic Square Colour Scheme for #3A8BFC

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 #3A8BFC are calculated by changing the hue by 1/4 (90°) progressively : 214.9° → 304.9° (214.9°+90°), 394.9° (214.9°+180°), 484.9° (214.9°+270°).

Analagous colours of #3A8BFC

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 #3A8BFC are calculated by changing the hue by ±1/12 (i.e. 30°): 214.9° → 244.9° (214.9°+30°), 184.9° (214.9°-30°).

RGB Variations of #3A8BFC

(R:3A, G:8B, B:3A)

Monochromatic colours of #3A8BFC

Shade Colour Variation of #3A8BFC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #3A8BFC (Brighter)

Tint is created by mixing white to any pure color

Tones of #3A8BFC colour with more saturation

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

Tones of #3A8BFC colour with less saturation

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

#3A8BFC Colour in CSS Codes


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

Text with hexadecimal font colour #3A8BFC

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


#3A8BFC Background Colour

This div background Colour is #3A8BFC


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


#3A8BFC Border Colour

This div border Colour is #3A8BFC


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(58, 139, 252, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #3A8BFC;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #3A8BFC;
    -webkit-box-shadow: 1px 1px 3px 2px #3A8BFC;
    box-shadow: 1px 1px 3px 2px #3A8BFC;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(58, 139, 252, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 3A8BFC



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

Colour Palettes with #3A8BFC

Colour Compositions

RGB % of Colour #3A8BFC

CMYK % of Colour #3A8BFC

Related Colours along with #3A8BFC

Black background

Sample text in #3A8BFC colour with black background colour.

White background

Sample text in #3A8BFC colour with white background colour.

#3A8BFC over22 #3399FF

Sample text in #3A8BFC colour with #3399FF background colour.

#3399FF over 3A8BFC

Sample text in #3399FF colour with #3A8BFC background colour.

#3A8BFC over22 #3AFC4A

Sample text in #3A8BFC colour with #3AFC4A background colour.

#3AFC4A over 3A8BFC

Sample text in #3AFC4A colour with #3A8BFC background colour.

#3A8BFC over22 #3AFC8B

Sample text in #3A8BFC colour with #3AFC8B background colour.

#3AFC8B over 3A8BFC

Sample text in #3AFC8B colour with #3A8BFC background colour.

#3A8BFC over22 #3AFCAB

Sample text in #3A8BFC colour with #3AFCAB background colour.

#3AFCAB over 3A8BFC

Sample text in #3AFCAB colour with #3A8BFC background colour.

#3A8BFC over22 #7F7F7F

Sample text in #3A8BFC colour with #7F7F7F background colour.

#7F7F7F over 3A8BFC

Sample text in #7F7F7F colour with #3A8BFC background colour.

#3A8BFC over22 #8B3AFC

Sample text in #3A8BFC colour with #8B3AFC background colour.

#8B3AFC over 3A8BFC

Sample text in #8B3AFC colour with #3A8BFC background colour.

#3A8BFC over22 #8BFC3A

Sample text in #3A8BFC colour with #8BFC3A background colour.

#8BFC3A over 3A8BFC

Sample text in #8BFC3A colour with #3A8BFC background colour.

#3A8BFC over22 #AB3AFC

Sample text in #3A8BFC colour with #AB3AFC background colour.

#AB3AFC over 3A8BFC

Sample text in #AB3AFC colour with #3A8BFC background colour.

#3A8BFC over22 #C57403

Sample text in #3A8BFC colour with #C57403 background colour.

#C57403 over 3A8BFC

Sample text in #C57403 colour with #3A8BFC background colour.

#3A8BFC over22 #ECFC3A

Sample text in #3A8BFC colour with #ECFC3A background colour.

#ECFC3A over 3A8BFC

Sample text in #ECFC3A colour with #3A8BFC background colour.

#3A8BFC over22 #FC3A8B

Sample text in #3A8BFC colour with #FC3A8B background colour.

#FC3A8B over 3A8BFC

Sample text in #FC3A8B colour with #3A8BFC background colour.

#3A8BFC over22 #FC3AEC

Sample text in #3A8BFC colour with #FC3AEC background colour.

#FC3AEC over 3A8BFC

Sample text in #FC3AEC colour with #3A8BFC background colour.

#3A8BFC over22 #FC4A3A

Sample text in #3A8BFC colour with #FC4A3A background colour.

#FC4A3A over 3A8BFC

Sample text in #FC4A3A colour with #3A8BFC background colour.

#3A8BFC over22 #FC8B3A

Sample text in #3A8BFC colour with #FC8B3A background colour.

#FC8B3A over 3A8BFC

Sample text in #FC8B3A colour with #3A8BFC background colour.

#3A8BFC over22 #FCAB3A

Sample text in #3A8BFC colour with #FCAB3A background colour.

#FCAB3A over 3A8BFC

Sample text in #FCAB3A colour with #3A8BFC background colour.