Colour code #35ECC9

#35ECC9
rgb(53, 236, 201)
rgb(20.8%, 92.5%, 78.8%)

RGB value of #35ECC9 colour is rgb(53, 236, 201) where red value is 53, green value is 236 and the blue value is 201.

Max value from RGB for colour #35ECC9 is 236 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #35ECC9 hue angle of 168.5°, saturation:82.8% and the lightness value is 56.7%.

The process colour (four Colour CMYK) of #35ECC9 colour is Cyan = 0.78, Magento = 0, Yellow = 0.15, and Key/Black (K on CMYK) = 0.07.

Hex color #35ECC9 is not a web safe color. Nearby web safe colour of #35ECC9 is #33FFCC.

Grayscale color of #35ECC9 is #B1B1B1

Inverted color of #35ECC9 is #CA1336

OLE colour (RGB Long) of #35ECC9 is 13233205

Decimal Value of #35ECC9 is 3534025

Android / android.graphics.Color of #35ECC9 is -13243191 / 0xFF35ECC9

The following declarations are allowed (CSS 3.0) for #35ECC9

Hex Triplets
#35ECC9
RGB Decimal
rgb(53, 236, 201)
RGB Percent
rgb(20.78%, 92.55%, 78.82%)
RGBA
rgba(53, 236, 201, 1)
HSL
hsl(168.5, 82.8%, 56.7%)
HSLA
hsla(168.5, 82.8%, 56.7%, 1)

Colour spaces of #35ECC9

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 53
    20.78%
    G = 236
    92.55%
    B = 201
    78.82%

    C = 79.22%
    0.7921568627451
    M = 7.45%
    0.074509803921569
    Y = 21.18%
    0.21176470588235
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 168.5°
    0.46812386156648
    S = 82.8%
    0.82805429864253
    L = 56.7%
    0.56666666666667
  • HSV (HSB) – hue, saturation, brightness/value
    H = 168.5°
    0.46812386156648
    S = 77.54%
    0.77542372881356
    V = 92.55%
    0.92549019607843
  • CMYK – cyan, magenta, yellow, key/black
    C = 77.54
    0.77542372881356
    M = 0
    0
    Y = 14.83
    0.14830508474576
    K = 7.45
    0.074509803921569
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 42.006
    42.00626632823
    Y = 64.965
    64.964835451115
    Z = 65.584
    65.583848378214

    Yxy
    CIE (x, y, Y)
    Y = 64.965
    64.964835451115
    x = 0.243
    0.24343704014214
    y = 0.376
    0.37648781093672

    Hunter-Lab
    Hunter 1948 colour space
    L = 80.6
    80.600766405236
    a = -48.02
    -48.023459788151
    b = 8.18
    8.1769955873638

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 84.47
    84.465612616266
    a = -52.18
    -52.184476239765
    b = 4.31
    4.3116657983558

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 84.4656
    84.465612616266
    u = -65.1649
    -65.16491119794
    v = 14.9188
    14.918833666067

    CIELCH
    Cylindrical representation
    L = 84.4656
    84.465612616266
    C = 52.3623
    52.362295808867
    H = 175.2767
    175.27674876175

    YIQ
    Luma In-phase Quadrature
    Y = 0.6953
    0.69526666666667
    I = -0.3837
    -0.38365882352941
    Q = -0.1948
    -0.19482745098039

Base Numbers

Base Red Green Blue
Binary 00110101 11101100 11001001
Octal 65 354 311
Decimal 53 236 201
Hex 35 EC C9


Colour Harmonies : #35ECC9 colour combinations

Complementary colour scheme for #35ECC9

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 #35ECC9 colour is calculated by adding 180° to the value of the current hue: 168.5° → 348.5° (+180°)

Split-complementary colour scheme for #35ECC9

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 #35ECC9 are calculated by changing the hue by ±5/12 (±150°): 168.5° → 18.5° (168.5°-150°), 318.5° (168.5°+150°).

Triadic colours scheme for #35ECC9

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 #35ECC9 are calculated by changing the hue by ±1/3 (±120°): 168.5° → 48.5° (168.5°-120°), 288.5° (168.5°+120°).

Tetradic (Rectangle) colour scheme for #35ECC9

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 #35ECC9 are calculated by changing the hue as follows : 168.5° → 288.5° (168.5°+120°), 348.5° (168.5°+180°), 468.5° (168.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #35ECC9 are calculated by changing the hue as follows : 168.5° → 48.5° (168.5°-120°), -11.5° (168.5°-180°), -131.5° (168.5°-300°).

Tetradic Square Colour Scheme for #35ECC9

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 #35ECC9 are calculated by changing the hue by 1/4 (90°) progressively : 168.5° → 258.5° (168.5°+90°), 348.5° (168.5°+180°), 438.5° (168.5°+270°).

Analagous colours of #35ECC9

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 #35ECC9 are calculated by changing the hue by ±1/12 (i.e. 30°): 168.5° → 198.5° (168.5°+30°), 138.5° (168.5°-30°).

RGB Variations of #35ECC9

(R:35, G:EC, B:35)

Monochromatic colours of #35ECC9

Shade Colour Variation of #35ECC9 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #35ECC9 (Brighter)

Tint is created by mixing white to any pure color

Tones of #35ECC9 colour with more saturation

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

Tones of #35ECC9 colour with less saturation

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

#35ECC9 Colour in CSS Codes


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

Text with hexadecimal font colour #35ECC9

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


#35ECC9 Background Colour

This div background Colour is #35ECC9


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


#35ECC9 Border Colour

This div border Colour is #35ECC9


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(53, 236, 201, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #35ECC9;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #35ECC9;
    -webkit-box-shadow: 1px 1px 3px 2px #35ECC9;
    box-shadow: 1px 1px 3px 2px #35ECC9;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(53, 236, 201, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 35ECC9



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

Colour Palettes with #35ECC9

Colour Compositions

RGB % of Colour #35ECC9

CMYK % of Colour #35ECC9

Related Colours along with #35ECC9

Black background

Sample text in #35ECC9 colour with black background colour.

White background

Sample text in #35ECC9 colour with white background colour.

#35ECC9 over22 #33FFCC

Sample text in #35ECC9 colour with #33FFCC background colour.

#33FFCC over 35ECC9

Sample text in #33FFCC colour with #35ECC9 background colour.

#35ECC9 over22 #3558EC

Sample text in #35ECC9 colour with #3558EC background colour.

#3558EC over 35ECC9

Sample text in #3558EC colour with #35ECC9 background colour.

#35ECC9 over22 #35C9EC

Sample text in #35ECC9 colour with #35C9EC background colour.

#35C9EC over 35ECC9

Sample text in #35C9EC colour with #35ECC9 background colour.

#35ECC9 over22 #58EC35

Sample text in #35ECC9 colour with #58EC35 background colour.

#58EC35 over 35ECC9

Sample text in #58EC35 colour with #35ECC9 background colour.

#35ECC9 over22 #6E35EC

Sample text in #35ECC9 colour with #6E35EC background colour.

#6E35EC over 35ECC9

Sample text in #6E35EC colour with #35ECC9 background colour.

#35ECC9 over22 #B1B1B1

Sample text in #35ECC9 colour with #B1B1B1 background colour.

#B1B1B1 over 35ECC9

Sample text in #B1B1B1 colour with #35ECC9 background colour.

#35ECC9 over22 #B4EC35

Sample text in #35ECC9 colour with #B4EC35 background colour.

#B4EC35 over 35ECC9

Sample text in #B4EC35 colour with #35ECC9 background colour.

#35ECC9 over22 #C935EC

Sample text in #35ECC9 colour with #C935EC background colour.

#C935EC over 35ECC9

Sample text in #C935EC colour with #35ECC9 background colour.

#35ECC9 over22 #C9EC35

Sample text in #35ECC9 colour with #C9EC35 background colour.

#C9EC35 over 35ECC9

Sample text in #C9EC35 colour with #35ECC9 background colour.

#35ECC9 over22 #CA1336

Sample text in #35ECC9 colour with #CA1336 background colour.

#CA1336 over 35ECC9

Sample text in #CA1336 colour with #35ECC9 background colour.

#35ECC9 over22 #EC3558

Sample text in #35ECC9 colour with #EC3558 background colour.

#EC3558 over 35ECC9

Sample text in #EC3558 colour with #35ECC9 background colour.

#35ECC9 over22 #EC35B4

Sample text in #35ECC9 colour with #EC35B4 background colour.

#EC35B4 over 35ECC9

Sample text in #EC35B4 colour with #35ECC9 background colour.

#35ECC9 over22 #EC35C9

Sample text in #35ECC9 colour with #EC35C9 background colour.

#EC35C9 over 35ECC9

Sample text in #EC35C9 colour with #35ECC9 background colour.

#35ECC9 over22 #EC6E35

Sample text in #35ECC9 colour with #EC6E35 background colour.

#EC6E35 over 35ECC9

Sample text in #EC6E35 colour with #35ECC9 background colour.

#35ECC9 over22 #ECC935

Sample text in #35ECC9 colour with #ECC935 background colour.

#ECC935 over 35ECC9

Sample text in #ECC935 colour with #35ECC9 background colour.