Colour code #10FB93

#10FB93
rgb(16, 251, 147)
rgb(6.3%, 98.4%, 57.6%)

RGB value of #10FB93 colour is rgb(16, 251, 147) where red value is 16, green value is 251 and the blue value is 147.

Max value from RGB for colour #10FB93 is 251 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #10FB93 hue angle of 153.4°, saturation:96.7% and the lightness value is 52.4%.

The process colour (four Colour CMYK) of #10FB93 colour is Cyan = 0.94, Magento = 0, Yellow = 0.41, and Key/Black (K on CMYK) = 0.02.

Hex color #10FB93 is not a web safe color. Nearby web safe colour of #10FB93 is #00FF99.

Grayscale color of #10FB93 is #A9A9A9

Inverted color of #10FB93 is #EF046C

OLE colour (RGB Long) of #10FB93 is 9698064

Decimal Value of #10FB93 is 1112979

Android / android.graphics.Color of #10FB93 is -15664237 / 0xFF10FB93

The following declarations are allowed (CSS 3.0) for #10FB93

Hex Triplets
#10FB93
RGB Decimal
rgb(16, 251, 147)
RGB Percent
rgb(6.27%, 98.43%, 57.65%)
RGBA
rgba(16, 251, 147, 1)
HSL
hsl(153.4, 96.7%, 52.4%)
HSLA
hsla(153.4, 96.7%, 52.4%, 1)

Colour spaces of #10FB93

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 16
    6.27%
    G = 251
    98.43%
    B = 147
    57.65%

    C = 93.73%
    0.93725490196078
    M = 1.57%
    0.015686274509804
    Y = 42.35%
    0.42352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 153.4°
    0.42624113475177
    S = 96.7%
    0.96707818930041
    L = 52.4%
    0.52352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 153.4°
    0.42624113475177
    S = 93.63%
    0.93625498007968
    V = 98.43%
    0.9843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 93.63
    0.93625498007968
    M = 0
    0
    Y = 41.43
    0.41434262948207
    K = 1.57
    0.015686274509804
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 39.977
    39.977326202717
    Y = 71.211
    71.211103586186
    Z = 39.242
    39.241860667294

    Yxy
    CIE (x, y, Y)
    Y = 71.211
    71.211103586186
    x = 0.266
    0.26575316767309
    y = 0.473
    0.47338274339716

    Hunter-Lab
    Hunter 1948 colour space
    L = 84.39
    84.386671688239
    a = -63.11
    -63.1141185432
    b = 31.5
    31.499373999361

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 87.59
    87.587470453701
    a = -71.87
    -71.874133462775
    b = 36.27
    36.270162793339

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 87.5875
    87.587470453701
    u = -76.7375
    -76.7375404039
    v = 62.0287
    62.028670234221

    CIELCH
    Cylindrical representation
    L = 87.5875
    87.587470453701
    C = 80.5072
    80.507240482332
    H = 153.2229
    153.2229159613

    YIQ
    Luma In-phase Quadrature
    Y = 0.6623
    0.66227058823529
    I = -0.4183
    -0.41833725490196
    Q = -0.3222
    -0.32221176470588

Base Numbers

Base Red Green Blue
Binary 00010000 11111011 10010011
Octal 20 373 223
Decimal 16 251 147
Hex 10 FB 93


Colour Harmonies : #10FB93 colour combinations

Complementary colour scheme for #10FB93

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 #10FB93 colour is calculated by adding 180° to the value of the current hue: 153.4° → 333.4° (+180°)

Split-complementary colour scheme for #10FB93

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 #10FB93 are calculated by changing the hue by ±5/12 (±150°): 153.4° → 3.4° (153.4°-150°), 303.4° (153.4°+150°).

Triadic colours scheme for #10FB93

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 #10FB93 are calculated by changing the hue by ±1/3 (±120°): 153.4° → 33.4° (153.4°-120°), 273.4° (153.4°+120°).

Tetradic (Rectangle) colour scheme for #10FB93

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 #10FB93 are calculated by changing the hue as follows : 153.4° → 273.4° (153.4°+120°), 333.4° (153.4°+180°), 453.4° (153.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #10FB93 are calculated by changing the hue as follows : 153.4° → 33.4° (153.4°-120°), -26.6° (153.4°-180°), -146.6° (153.4°-300°).

Tetradic Square Colour Scheme for #10FB93

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 #10FB93 are calculated by changing the hue by 1/4 (90°) progressively : 153.4° → 243.4° (153.4°+90°), 333.4° (153.4°+180°), 423.4° (153.4°+270°).

Analagous colours of #10FB93

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 #10FB93 are calculated by changing the hue by ±1/12 (i.e. 30°): 153.4° → 183.4° (153.4°+30°), 123.4° (153.4°-30°).

RGB Variations of #10FB93

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

Monochromatic colours of #10FB93

Shade Colour Variation of #10FB93 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #10FB93 (Brighter)

Tint is created by mixing white to any pure color

Tones of #10FB93 colour with more saturation

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

Tones of #10FB93 colour with less saturation

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

#10FB93 Colour in CSS Codes


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

Text with hexadecimal font colour #10FB93

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


#10FB93 Background Colour

This div background Colour is #10FB93


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


#10FB93 Border Colour

This div border Colour is #10FB93


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 10FB93



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

Colour Palettes with #10FB93

Colour Compositions

RGB % of Colour #10FB93

CMYK % of Colour #10FB93

Related Colours along with #10FB93

Black background

Sample text in #10FB93 colour with black background colour.

White background

Sample text in #10FB93 colour with white background colour.

#10FB93 over22 #00FF99

Sample text in #10FB93 colour with #00FF99 background colour.

#00FF99 over 10FB93

Sample text in #00FF99 colour with #10FB93 background colour.

#10FB93 over22 #1078FB

Sample text in #10FB93 colour with #1078FB background colour.

#1078FB over 10FB93

Sample text in #1078FB colour with #10FB93 background colour.

#10FB93 over22 #1093FB

Sample text in #10FB93 colour with #1093FB background colour.

#1093FB over 10FB93

Sample text in #1093FB colour with #10FB93 background colour.

#10FB93 over22 #1E10FB

Sample text in #10FB93 colour with #1E10FB background colour.

#1E10FB over 10FB93

Sample text in #1E10FB colour with #10FB93 background colour.

#10FB93 over22 #78FB10

Sample text in #10FB93 colour with #78FB10 background colour.

#78FB10 over 10FB93

Sample text in #78FB10 colour with #10FB93 background colour.

#10FB93 over22 #9310FB

Sample text in #10FB93 colour with #9310FB background colour.

#9310FB over 10FB93

Sample text in #9310FB colour with #10FB93 background colour.

#10FB93 over22 #93FB10

Sample text in #10FB93 colour with #93FB10 background colour.

#93FB10 over 10FB93

Sample text in #93FB10 colour with #10FB93 background colour.

#10FB93 over22 #A9A9A9

Sample text in #10FB93 colour with #A9A9A9 background colour.

#A9A9A9 over 10FB93

Sample text in #A9A9A9 colour with #10FB93 background colour.

#10FB93 over22 #EEFB10

Sample text in #10FB93 colour with #EEFB10 background colour.

#EEFB10 over 10FB93

Sample text in #EEFB10 colour with #10FB93 background colour.

#10FB93 over22 #EF046C

Sample text in #10FB93 colour with #EF046C background colour.

#EF046C over 10FB93

Sample text in #EF046C colour with #10FB93 background colour.

#10FB93 over22 #FB1078

Sample text in #10FB93 colour with #FB1078 background colour.

#FB1078 over 10FB93

Sample text in #FB1078 colour with #10FB93 background colour.

#10FB93 over22 #FB1093

Sample text in #10FB93 colour with #FB1093 background colour.

#FB1093 over 10FB93

Sample text in #FB1093 colour with #10FB93 background colour.

#10FB93 over22 #FB10EE

Sample text in #10FB93 colour with #FB10EE background colour.

#FB10EE over 10FB93

Sample text in #FB10EE colour with #10FB93 background colour.

#10FB93 over22 #FB1E10

Sample text in #10FB93 colour with #FB1E10 background colour.

#FB1E10 over 10FB93

Sample text in #FB1E10 colour with #10FB93 background colour.

#10FB93 over22 #FB9310

Sample text in #10FB93 colour with #FB9310 background colour.

#FB9310 over 10FB93

Sample text in #FB9310 colour with #10FB93 background colour.