Colour code #664BC8

#664BC8
rgb(102, 75, 200)
rgb(40%, 29.4%, 78.4%)

RGB value of #664BC8 colour is rgb(102, 75, 200) where red value is 102, green value is 75 and the blue value is 200.

Max value from RGB for colour #664BC8 is 200 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #664BC8 hue angle of 253°, saturation:53.2% and the lightness value is 53.9%.

The process colour (four Colour CMYK) of #664BC8 colour is Cyan = 0.49, Magento = 0.63, Yellow = 0, and Key/Black (K on CMYK) = 0.22.

Hex color #664BC8 is not a web safe color. Nearby web safe colour of #664BC8 is #6633CC.

Grayscale color of #664BC8 is #606060

Inverted color of #664BC8 is #99B437

OLE colour (RGB Long) of #664BC8 is 13126502

Decimal Value of #664BC8 is 6704072

Android / android.graphics.Color of #664BC8 is -10073144 / 0xFF664BC8

The following declarations are allowed (CSS 3.0) for #664BC8

Hex Triplets
#664BC8
RGB Decimal
rgb(102, 75, 200)
RGB Percent
rgb(40%, 29.41%, 78.43%)
RGBA
rgba(102, 75, 200, 1)
HSL
hsl(253, 53.2%, 53.9%)
HSLA
hsla(253, 53.2%, 53.9%, 1)

Colour spaces of #664BC8

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 102
    40%
    G = 75
    29.41%
    B = 200
    78.43%

    C = 60%
    0.6
    M = 70.59%
    0.70588235294118
    Y = 21.57%
    0.2156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 253°
    0.70266666666667
    S = 53.2%
    0.53191489361702
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 253°
    0.70266666666667
    S = 62.5%
    0.625
    V = 78.43%
    0.7843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 49
    0.49
    M = 62.5
    0.625
    Y = 0
    0
    K = 21.57
    0.2156862745098
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 18.421
    18.420893552745
    Y = 12.027
    12.027065340357
    Z = 55.994
    55.994149064141

    Yxy
    CIE (x, y, Y)
    Y = 12.027
    12.027065340357
    x = 0.213
    0.21310092948979
    y = 0.139
    0.13913433654702

    Hunter-Lab
    Hunter 1948 colour space
    L = 34.68
    34.680059602539
    a = 34.12
    34.123155443363
    b = -71.45
    -71.453121839689

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 41.26
    41.25910376282
    a = 42.55
    42.546146024825
    b = -61.51
    -61.512456960362

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 41.2591
    41.25910376282
    u = 1.6291
    1.6290713461579
    v = -92.9212
    -92.921164007956

    CIELCH
    Cylindrical representation
    L = 41.2591
    41.25910376282
    C = 74.7928
    74.792759695482
    H = 304.6703
    304.67033678728

    YIQ
    Luma In-phase Quadrature
    Y = 0.3817
    0.38165882352941
    I = -0.0942
    -0.094247058823529
    Q = 0.1749
    0.17489803921569

Base Numbers

Base Red Green Blue
Binary 01100110 01001011 11001000
Octal 146 113 310
Decimal 102 75 200
Hex 66 4B C8


Colour Harmonies : #664BC8 colour combinations

Complementary colour scheme for #664BC8

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 #664BC8 colour is calculated by adding 180° to the value of the current hue: 253° → 433° (+180°)

Split-complementary colour scheme for #664BC8

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 #664BC8 are calculated by changing the hue by ±5/12 (±150°): 253° → 103° (253°-150°), 403° (253°+150°).

Triadic colours scheme for #664BC8

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 #664BC8 are calculated by changing the hue by ±1/3 (±120°): 253° → 133° (253°-120°), 373° (253°+120°).

Tetradic (Rectangle) colour scheme for #664BC8

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 #664BC8 are calculated by changing the hue as follows : 253° → 373° (253°+120°), 433° (253°+180°), 553° (253°+300°).


Four tetradic scheme colours (counter-clockwise) for #664BC8 are calculated by changing the hue as follows : 253° → 133° (253°-120°), 73° (253°-180°), -47° (253°-300°).

Tetradic Square Colour Scheme for #664BC8

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 #664BC8 are calculated by changing the hue by 1/4 (90°) progressively : 253° → 343° (253°+90°), 433° (253°+180°), 523° (253°+270°).

Analagous colours of #664BC8

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 #664BC8 are calculated by changing the hue by ±1/12 (i.e. 30°): 253° → 283° (253°+30°), 223° (253°-30°).

RGB Variations of #664BC8

(R:66, G:4B, B:66)

Monochromatic colours of #664BC8

Shade Colour Variation of #664BC8 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #664BC8 (Brighter)

Tint is created by mixing white to any pure color

Tones of #664BC8 colour with more saturation

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

Tones of #664BC8 colour with less saturation

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

#664BC8 Colour in CSS Codes


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

Text with hexadecimal font colour #664BC8

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


#664BC8 Background Colour

This div background Colour is #664BC8


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


#664BC8 Border Colour

This div border Colour is #664BC8


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(102, 75, 200, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #664BC8;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #664BC8;
    -webkit-box-shadow: 1px 1px 3px 2px #664BC8;
    box-shadow: 1px 1px 3px 2px #664BC8;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(102, 75, 200, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 664BC8



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

Colour Palettes with #664BC8

Colour Compositions

RGB % of Colour #664BC8

CMYK % of Colour #664BC8

Related Colours along with #664BC8

Black background

Sample text in #664BC8 colour with black background colour.

White background

Sample text in #664BC8 colour with white background colour.

#664BC8 over22 #4B66C8

Sample text in #664BC8 colour with #4B66C8 background colour.

#4B66C8 over 664BC8

Sample text in #4B66C8 colour with #664BC8 background colour.

#664BC8 over22 #4BADC8

Sample text in #664BC8 colour with #4BADC8 background colour.

#4BADC8 over 664BC8

Sample text in #4BADC8 colour with #664BC8 background colour.

#664BC8 over22 #4BC866

Sample text in #664BC8 colour with #4BC866 background colour.

#4BC866 over 664BC8

Sample text in #4BC866 colour with #664BC8 background colour.

#664BC8 over22 #4BC8A5

Sample text in #664BC8 colour with #4BC8A5 background colour.

#4BC8A5 over 664BC8

Sample text in #4BC8A5 colour with #664BC8 background colour.

#664BC8 over22 #6633CC

Sample text in #664BC8 colour with #6633CC background colour.

#6633CC over 664BC8

Sample text in #6633CC colour with #664BC8 background colour.

#664BC8 over22 #66C84B

Sample text in #664BC8 colour with #66C84B background colour.

#66C84B over 664BC8

Sample text in #66C84B colour with #664BC8 background colour.

#664BC8 over22 #6FC84B

Sample text in #664BC8 colour with #6FC84B background colour.

#6FC84B over 664BC8

Sample text in #6FC84B colour with #664BC8 background colour.

#664BC8 over22 #99B437

Sample text in #664BC8 colour with #99B437 background colour.

#99B437 over 664BC8

Sample text in #99B437 colour with #664BC8 background colour.

#664BC8 over22 #ADC84B

Sample text in #664BC8 colour with #ADC84B background colour.

#ADC84B over 664BC8

Sample text in #ADC84B colour with #664BC8 background colour.

#664BC8 over22 #C84B66

Sample text in #664BC8 colour with #C84B66 background colour.

#C84B66 over 664BC8

Sample text in #C84B66 colour with #664BC8 background colour.

#664BC8 over22 #C84B6F

Sample text in #664BC8 colour with #C84B6F background colour.

#C84B6F over 664BC8

Sample text in #C84B6F colour with #664BC8 background colour.

#664BC8 over22 #C84BAD

Sample text in #664BC8 colour with #C84BAD background colour.

#C84BAD over 664BC8

Sample text in #C84BAD colour with #664BC8 background colour.

#664BC8 over22 #C8664B

Sample text in #664BC8 colour with #C8664B background colour.

#C8664B over 664BC8

Sample text in #C8664B colour with #664BC8 background colour.

#664BC8 over22 #C8A54B

Sample text in #664BC8 colour with #C8A54B background colour.

#C8A54B over 664BC8

Sample text in #C8A54B colour with #664BC8 background colour.

#664BC8 over22 #606060

Sample text in #664BC8 colour with #606060 background colour.

#606060 over 664BC8

Sample text in #606060 colour with #664BC8 background colour.