Colour code #72CCC3

#72CCC3
rgb(114, 204, 195)
rgb(44.7%, 80%, 76.5%)

RGB value of #72CCC3 colour is rgb(114, 204, 195) where red value is 114, green value is 204 and the blue value is 195.

Max value from RGB for colour #72CCC3 is 204 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #72CCC3 hue angle of 174°, saturation:46.9% and the lightness value is 62.4%.

The process colour (four Colour CMYK) of #72CCC3 colour is Cyan = 0.44, Magento = 0, Yellow = 0.04, and Key/Black (K on CMYK) = 0.2.

Hex color #72CCC3 is not a web safe color. Nearby web safe colour of #72CCC3 is #66CCCC.

Grayscale color of #72CCC3 is #B0B0B0

Inverted color of #72CCC3 is #8D333C

OLE colour (RGB Long) of #72CCC3 is 12831858

Decimal Value of #72CCC3 is 7523523

Android / android.graphics.Color of #72CCC3 is -9253693 / 0xFF72CCC3

The following declarations are allowed (CSS 3.0) for #72CCC3

Hex Triplets
#72CCC3
RGB Decimal
rgb(114, 204, 195)
RGB Percent
rgb(44.71%, 80%, 76.47%)
RGBA
rgba(114, 204, 195, 1)
HSL
hsl(174, 46.9%, 62.4%)
HSLA
hsla(174, 46.9%, 62.4%, 1)

Colour spaces of #72CCC3

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 114
    44.71%
    G = 204
    80%
    B = 195
    76.47%

    C = 55.29%
    0.55294117647059
    M = 20%
    0.2
    Y = 23.53%
    0.23529411764706
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 174°
    0.48333333333333
    S = 46.9%
    0.46875
    L = 62.4%
    0.62352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 174°
    0.48333333333333
    S = 44.12%
    0.44117647058824
    V = 80%
    0.8
  • CMYK – cyan, magenta, yellow, key/black
    C = 44.12
    0.44117647058824
    M = 0
    0
    Y = 4.41
    0.044117647058824
    K = 20
    0.2
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 38.383
    38.382622229022
    Y = 50.703
    50.703269334059
    Z = 59.393
    59.393491874758

    Yxy
    CIE (x, y, Y)
    Y = 50.703
    50.703269334059
    x = 0.259
    0.25850472530478
    y = 0.341
    0.34148356600151

    Hunter-Lab
    Hunter 1948 colour space
    L = 71.21
    71.206228192525
    a = -28.39
    -28.393219482341
    b = 0.39
    0.39025687548874

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 76.5
    76.498916097533
    a = -29.13
    -29.127654515606
    b = -3.93
    -3.9332338358024

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 76.4989
    76.498916097533
    u = -40.4885
    -40.488544314905
    v = -1.3106
    -1.3105577705814

    CIELCH
    Cylindrical representation
    L = 76.4989
    76.498916097533
    C = 29.392
    29.392015684325
    H = 187.6904
    187.69038053086

    YIQ
    Luma In-phase Quadrature
    Y = 0.6904
    0.69044705882353
    I = -0.199
    -0.19902352941176
    Q = -0.0858
    -0.0858

Base Numbers

Base Red Green Blue
Binary 01110010 11001100 11000011
Octal 162 314 303
Decimal 114 204 195
Hex 72 CC C3


Colour Harmonies : #72CCC3 colour combinations

Complementary colour scheme for #72CCC3

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 #72CCC3 colour is calculated by adding 180° to the value of the current hue: 174° → 354° (+180°)

Split-complementary colour scheme for #72CCC3

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 #72CCC3 are calculated by changing the hue by ±5/12 (±150°): 174° → 24° (174°-150°), 324° (174°+150°).

Triadic colours scheme for #72CCC3

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 #72CCC3 are calculated by changing the hue by ±1/3 (±120°): 174° → 54° (174°-120°), 294° (174°+120°).

Tetradic (Rectangle) colour scheme for #72CCC3

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 #72CCC3 are calculated by changing the hue as follows : 174° → 294° (174°+120°), 354° (174°+180°), 474° (174°+300°).


Four tetradic scheme colours (counter-clockwise) for #72CCC3 are calculated by changing the hue as follows : 174° → 54° (174°-120°), -6° (174°-180°), -126° (174°-300°).

Tetradic Square Colour Scheme for #72CCC3

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 #72CCC3 are calculated by changing the hue by 1/4 (90°) progressively : 174° → 264° (174°+90°), 354° (174°+180°), 444° (174°+270°).

Analagous colours of #72CCC3

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 #72CCC3 are calculated by changing the hue by ±1/12 (i.e. 30°): 174° → 204° (174°+30°), 144° (174°-30°).

RGB Variations of #72CCC3

(R:72, G:CC, B:72)

Monochromatic colours of #72CCC3

Shade Colour Variation of #72CCC3 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #72CCC3 (Brighter)

Tint is created by mixing white to any pure color

Tones of #72CCC3 colour with more saturation

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

Tones of #72CCC3 colour with less saturation

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

#72CCC3 Colour in CSS Codes


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

Text with hexadecimal font colour #72CCC3

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


#72CCC3 Background Colour

This div background Colour is #72CCC3


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


#72CCC3 Border Colour

This div border Colour is #72CCC3


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(114, 204, 195, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #72CCC3;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #72CCC3;
    -webkit-box-shadow: 1px 1px 3px 2px #72CCC3;
    box-shadow: 1px 1px 3px 2px #72CCC3;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(114, 204, 195, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 72CCC3



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

Colour Compositions

RGB % of Colour #72CCC3

CMYK % of Colour #72CCC3

Related Colours along with #72CCC3

Black background

Sample text in #72CCC3 colour with black background colour.

White background

Sample text in #72CCC3 colour with white background colour.

#72CCC3 over22 #66CCCC

Sample text in #72CCC3 colour with #66CCCC background colour.

#66CCCC over 72CCC3

Sample text in #66CCCC colour with #72CCC3 background colour.

#72CCC3 over22 #727BCC

Sample text in #72CCC3 colour with #727BCC background colour.

#727BCC over 72CCC3

Sample text in #727BCC colour with #72CCC3 background colour.

#72CCC3 over22 #72C3CC

Sample text in #72CCC3 colour with #72C3CC background colour.

#72C3CC over 72CCC3

Sample text in #72C3CC colour with #72CCC3 background colour.

#72CCC3 over22 #7BCC72

Sample text in #72CCC3 colour with #7BCC72 background colour.

#7BCC72 over 72CCC3

Sample text in #7BCC72 colour with #72CCC3 background colour.

#72CCC3 over22 #8D333C

Sample text in #72CCC3 colour with #8D333C background colour.

#8D333C over 72CCC3

Sample text in #8D333C colour with #72CCC3 background colour.

#72CCC3 over22 #9672CC

Sample text in #72CCC3 colour with #9672CC background colour.

#9672CC over 72CCC3

Sample text in #9672CC colour with #72CCC3 background colour.

#72CCC3 over22 #A8CC72

Sample text in #72CCC3 colour with #A8CC72 background colour.

#A8CC72 over 72CCC3

Sample text in #A8CC72 colour with #72CCC3 background colour.

#72CCC3 over22 #B0B0B0

Sample text in #72CCC3 colour with #B0B0B0 background colour.

#B0B0B0 over 72CCC3

Sample text in #B0B0B0 colour with #72CCC3 background colour.

#72CCC3 over22 #C372CC

Sample text in #72CCC3 colour with #C372CC background colour.

#C372CC over 72CCC3

Sample text in #C372CC colour with #72CCC3 background colour.

#72CCC3 over22 #C3CC72

Sample text in #72CCC3 colour with #C3CC72 background colour.

#C3CC72 over 72CCC3

Sample text in #C3CC72 colour with #72CCC3 background colour.

#72CCC3 over22 #CC727B

Sample text in #72CCC3 colour with #CC727B background colour.

#CC727B over 72CCC3

Sample text in #CC727B colour with #72CCC3 background colour.

#72CCC3 over22 #CC72A8

Sample text in #72CCC3 colour with #CC72A8 background colour.

#CC72A8 over 72CCC3

Sample text in #CC72A8 colour with #72CCC3 background colour.

#72CCC3 over22 #CC72C3

Sample text in #72CCC3 colour with #CC72C3 background colour.

#CC72C3 over 72CCC3

Sample text in #CC72C3 colour with #72CCC3 background colour.

#72CCC3 over22 #CC9672

Sample text in #72CCC3 colour with #CC9672 background colour.

#CC9672 over 72CCC3

Sample text in #CC9672 colour with #72CCC3 background colour.

#72CCC3 over22 #CCC372

Sample text in #72CCC3 colour with #CCC372 background colour.

#CCC372 over 72CCC3

Sample text in #CCC372 colour with #72CCC3 background colour.