Colour code #A3C1FE

#A3C1FE
rgb(163, 193, 254)
rgb(63.9%, 75.7%, 99.6%)

RGB value of #A3C1FE colour is rgb(163, 193, 254) where red value is 163, green value is 193 and the blue value is 254.

Max value from RGB for colour #A3C1FE is 254 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #A3C1FE hue angle of 220.2°, saturation:97.8% and the lightness value is 81.8%.

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

Hex color #A3C1FE is not a web safe color. Nearby web safe colour of #A3C1FE is #99CCFF.

Grayscale color of #A3C1FE is #BEBEBE

Inverted color of #A3C1FE is #5C3E01

OLE colour (RGB Long) of #A3C1FE is 16695715

Decimal Value of #A3C1FE is 10732030

Android / android.graphics.Color of #A3C1FE is -6045186 / 0xFFA3C1FE

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

Hex Triplets
#A3C1FE
RGB Decimal
rgb(163, 193, 254)
RGB Percent
rgb(63.92%, 75.69%, 99.61%)
RGBA
rgba(163, 193, 254, 1)
HSL
hsl(220.2, 97.8%, 81.8%)
HSLA
hsla(220.2, 97.8%, 81.8%, 1)

Colour spaces of #A3C1FE

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 163
    63.92%
    G = 193
    75.69%
    B = 254
    99.61%

    C = 36.08%
    0.36078431372549
    M = 24.31%
    0.24313725490196
    Y = 0.39%
    0.003921568627451
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 220.2°
    0.61172161172161
    S = 97.8%
    0.97849462365591
    L = 81.8%
    0.81764705882353
  • HSV (HSB) – hue, saturation, brightness/value
    H = 220.2°
    0.61172161172161
    S = 35.83%
    0.35826771653543
    V = 99.61%
    0.99607843137255
  • CMYK – cyan, magenta, yellow, key/black
    C = 35.83
    0.35826771653543
    M = 24.02
    0.24015748031496
    Y = 0
    0
    K = 0.39
    0.003921568627451
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 52.064
    52.063614102816
    Y = 53.082
    53.082215738425
    Z = 101.268
    101.26777657598

    Yxy
    CIE (x, y, Y)
    Y = 53.082
    53.082215738425
    x = 0.252
    0.25222956473897
    y = 0.257
    0.25716432487076

    Hunter-Lab
    Hunter 1948 colour space
    L = 72.86
    72.857543012666
    a = 0.05
    0.054453704646012
    b = -31.41
    -31.409395333333

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 77.92
    77.92351489845
    a = 4.26
    4.2627498990538
    b = -33.29
    -33.287139511343

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 77.9235
    77.92351489845
    u = -17.3012
    -17.301231852227
    v = -54.3655
    -54.365536537837

    CIELCH
    Cylindrical representation
    L = 77.9235
    77.92351489845
    C = 33.559
    33.558973368526
    H = 277.2976
    277.29757660387

    YIQ
    Luma In-phase Quadrature
    Y = 0.749
    0.7489568627451
    I = -0.1469
    -0.14690588235294
    Q = 0.0495
    0.049454901960784

Base Numbers

Base Red Green Blue
Binary 10100011 11000001 11111110
Octal 243 301 376
Decimal 163 193 254
Hex A3 C1 FE


Colour Harmonies : #A3C1FE colour combinations

Complementary colour scheme for #A3C1FE

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

Split-complementary colour scheme for #A3C1FE

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 #A3C1FE are calculated by changing the hue by ±5/12 (±150°): 220.2° → 70.2° (220.2°-150°), 370.2° (220.2°+150°).

Triadic colours scheme for #A3C1FE

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 #A3C1FE are calculated by changing the hue by ±1/3 (±120°): 220.2° → 100.2° (220.2°-120°), 340.2° (220.2°+120°).

Tetradic (Rectangle) colour scheme for #A3C1FE

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 #A3C1FE are calculated by changing the hue as follows : 220.2° → 340.2° (220.2°+120°), 400.2° (220.2°+180°), 520.2° (220.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #A3C1FE are calculated by changing the hue as follows : 220.2° → 100.2° (220.2°-120°), 40.2° (220.2°-180°), -79.8° (220.2°-300°).

Tetradic Square Colour Scheme for #A3C1FE

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 #A3C1FE are calculated by changing the hue by 1/4 (90°) progressively : 220.2° → 310.2° (220.2°+90°), 400.2° (220.2°+180°), 490.2° (220.2°+270°).

Analagous colours of #A3C1FE

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 #A3C1FE are calculated by changing the hue by ±1/12 (i.e. 30°): 220.2° → 250.2° (220.2°+30°), 190.2° (220.2°-30°).

RGB Variations of #A3C1FE

(R:A3, G:C1, B:A3)

Monochromatic colours of #A3C1FE

Shade Colour Variation of #A3C1FE (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #A3C1FE (Brighter)

Tint is created by mixing white to any pure color

Tones of #A3C1FE colour with more saturation

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

Tones of #A3C1FE colour with less saturation

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

#A3C1FE Colour in CSS Codes


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

Text with hexadecimal font colour #A3C1FE

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


#A3C1FE Background Colour

This div background Colour is #A3C1FE


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


#A3C1FE Border Colour

This div border Colour is #A3C1FE


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(163, 193, 254, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #A3C1FE;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #A3C1FE;
    -webkit-box-shadow: 1px 1px 3px 2px #A3C1FE;
    box-shadow: 1px 1px 3px 2px #A3C1FE;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(163, 193, 254, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # A3C1FE



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

Colour Palettes with #A3C1FE

Colour Compositions

RGB % of Colour #A3C1FE

CMYK % of Colour #A3C1FE

Related Colours along with #A3C1FE

Black background

Sample text in #A3C1FE colour with black background colour.

White background

Sample text in #A3C1FE colour with white background colour.

#A3C1FE over22 #5C3E01

Sample text in #A3C1FE colour with #5C3E01 background colour.

#5C3E01 over A3C1FE

Sample text in #5C3E01 colour with #A3C1FE background colour.

#A3C1FE over22 #99CCFF

Sample text in #A3C1FE colour with #99CCFF background colour.

#99CCFF over A3C1FE

Sample text in #99CCFF colour with #A3C1FE background colour.

#A3C1FE over22 #A3FEB3

Sample text in #A3C1FE colour with #A3FEB3 background colour.

#A3FEB3 over A3C1FE

Sample text in #A3FEB3 colour with #A3C1FE background colour.

#A3C1FE over22 #A3FEC1

Sample text in #A3C1FE colour with #A3FEC1 background colour.

#A3FEC1 over A3C1FE

Sample text in #A3FEC1 colour with #A3C1FE background colour.

#A3C1FE over22 #A3FEE0

Sample text in #A3C1FE colour with #A3FEE0 background colour.

#A3FEE0 over A3C1FE

Sample text in #A3FEE0 colour with #A3C1FE background colour.

#A3C1FE over22 #BEBEBE

Sample text in #A3C1FE colour with #BEBEBE background colour.

#BEBEBE over A3C1FE

Sample text in #BEBEBE colour with #A3C1FE background colour.

#A3C1FE over22 #C1A3FE

Sample text in #A3C1FE colour with #C1A3FE background colour.

#C1A3FE over A3C1FE

Sample text in #C1A3FE colour with #A3C1FE background colour.

#A3C1FE over22 #C1FEA3

Sample text in #A3C1FE colour with #C1FEA3 background colour.

#C1FEA3 over A3C1FE

Sample text in #C1FEA3 colour with #A3C1FE background colour.

#A3C1FE over22 #E0A3FE

Sample text in #A3C1FE colour with #E0A3FE background colour.

#E0A3FE over A3C1FE

Sample text in #E0A3FE colour with #A3C1FE background colour.

#A3C1FE over22 #EFFEA3

Sample text in #A3C1FE colour with #EFFEA3 background colour.

#EFFEA3 over A3C1FE

Sample text in #EFFEA3 colour with #A3C1FE background colour.

#A3C1FE over22 #FEA3C1

Sample text in #A3C1FE colour with #FEA3C1 background colour.

#FEA3C1 over A3C1FE

Sample text in #FEA3C1 colour with #A3C1FE background colour.

#A3C1FE over22 #FEA3EF

Sample text in #A3C1FE colour with #FEA3EF background colour.

#FEA3EF over A3C1FE

Sample text in #FEA3EF colour with #A3C1FE background colour.

#A3C1FE over22 #FEB3A3

Sample text in #A3C1FE colour with #FEB3A3 background colour.

#FEB3A3 over A3C1FE

Sample text in #FEB3A3 colour with #A3C1FE background colour.

#A3C1FE over22 #FEC1A3

Sample text in #A3C1FE colour with #FEC1A3 background colour.

#FEC1A3 over A3C1FE

Sample text in #FEC1A3 colour with #A3C1FE background colour.

#A3C1FE over22 #FEE0A3

Sample text in #A3C1FE colour with #FEE0A3 background colour.

#FEE0A3 over A3C1FE

Sample text in #FEE0A3 colour with #A3C1FE background colour.