Colour code #C5226B

#C5226B
rgb(197, 34, 107)
rgb(77.3%, 13.3%, 42%)

RGB value of #C5226B colour is rgb(197, 34, 107) where red value is 197, green value is 34 and the blue value is 107.

Max value from RGB for colour #C5226B is 197 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #C5226B hue angle of 333.1°, saturation:70.6% and the lightness value is 45.3%.

The process colour (four Colour CMYK) of #C5226B colour is Cyan = 0, Magento = 0.83, Yellow = 0.46, and Key/Black (K on CMYK) = 0.23.

Hex color #C5226B is not a web safe color. Nearby web safe colour of #C5226B is #CC3366.

Grayscale color of #C5226B is #5A5A5A

Inverted color of #C5226B is #3ADD94

OLE colour (RGB Long) of #C5226B is 7021253

Decimal Value of #C5226B is 12919403

Android / android.graphics.Color of #C5226B is -3857813 / 0xFFC5226B

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

Hex Triplets
#C5226B
RGB Decimal
rgb(197, 34, 107)
RGB Percent
rgb(77.25%, 13.33%, 41.96%)
RGBA
rgba(197, 34, 107, 1)
HSL
hsl(333.1, 70.6%, 45.3%)
HSLA
hsla(333.1, 70.6%, 45.3%, 1)

Colour spaces of #C5226B

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 197
    77.25%
    G = 34
    13.33%
    B = 107
    41.96%

    C = 22.75%
    0.22745098039216
    M = 86.67%
    0.86666666666667
    Y = 58.04%
    0.58039215686275
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 333.1°
    0.92535787321063
    S = 70.6%
    0.70562770562771
    L = 45.3%
    0.45294117647059
  • HSV (HSB) – hue, saturation, brightness/value
    H = 333.1°
    0.92535787321063
    S = 82.74%
    0.82741116751269
    V = 77.25%
    0.77254901960784
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 82.74
    0.82741116751269
    Y = 45.69
    0.45685279187817
    K = 22.75
    0.22745098039216
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 26.252
    26.251827279549
    Y = 14.076
    14.075908449238
    Z = 15.243
    15.243214449507

    Yxy
    CIE (x, y, Y)
    Y = 14.076
    14.075908449238
    x = 0.472
    0.47240198692523
    y = 0.253
    0.25329616290664

    Hunter-Lab
    Hunter 1948 colour space
    L = 37.52
    37.517873672742
    a = 59.24
    59.242888074376
    b = 2.17
    2.1734549096965

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 44.34
    44.341597050855
    a = 65.53
    65.52638984799
    b = 0.19
    0.18827522742833

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 44.3416
    44.341597050855
    u = 99.755
    99.754999486806
    v = -12.0375
    -12.03750020092

    CIELCH
    Cylindrical representation
    L = 44.3416
    44.341597050855
    C = 65.5267
    65.526660330525
    H = 0.1646
    0.1646259813474

    YIQ
    Luma In-phase Quadrature
    Y = 0.3571
    0.35709411764706
    I = 0.2891
    0.28907843137255
    Q = 0.2245
    0.22454509803922

Base Numbers

Base Red Green Blue
Binary 11000101 00100010 01101011
Octal 305 42 153
Decimal 197 34 107
Hex C5 22 6B


Colour Harmonies : #C5226B colour combinations

Complementary colour scheme for #C5226B

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

Split-complementary colour scheme for #C5226B

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 #C5226B are calculated by changing the hue by ±5/12 (±150°): 333.1° → 183.1° (333.1°-150°), 483.1° (333.1°+150°).

Triadic colours scheme for #C5226B

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 #C5226B are calculated by changing the hue by ±1/3 (±120°): 333.1° → 213.1° (333.1°-120°), 453.1° (333.1°+120°).

Tetradic (Rectangle) colour scheme for #C5226B

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 #C5226B are calculated by changing the hue as follows : 333.1° → 453.1° (333.1°+120°), 513.1° (333.1°+180°), 633.1° (333.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #C5226B are calculated by changing the hue as follows : 333.1° → 213.1° (333.1°-120°), 153.1° (333.1°-180°), 33.1° (333.1°-300°).

Tetradic Square Colour Scheme for #C5226B

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 #C5226B are calculated by changing the hue by 1/4 (90°) progressively : 333.1° → 423.1° (333.1°+90°), 513.1° (333.1°+180°), 603.1° (333.1°+270°).

Analagous colours of #C5226B

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 #C5226B are calculated by changing the hue by ±1/12 (i.e. 30°): 333.1° → 363.1° (333.1°+30°), 303.1° (333.1°-30°).

RGB Variations of #C5226B

(R:C5, G:22, B:C5)

Monochromatic colours of #C5226B

Shade Colour Variation of #C5226B (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #C5226B (Brighter)

Tint is created by mixing white to any pure color

Tones of #C5226B colour with more saturation

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

Tones of #C5226B colour with less saturation

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

#C5226B Colour in CSS Codes


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

Text with hexadecimal font colour #C5226B

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


#C5226B Background Colour

This div background Colour is #C5226B


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


#C5226B Border Colour

This div border Colour is #C5226B


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(197, 34, 107, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #C5226B;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #C5226B;
    -webkit-box-shadow: 1px 1px 3px 2px #C5226B;
    box-shadow: 1px 1px 3px 2px #C5226B;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(197, 34, 107, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # C5226B



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

Colour Palettes with #C5226B

Colour Compositions

RGB % of Colour #C5226B

CMYK % of Colour #C5226B

Related Colours along with #C5226B

Black background

Sample text in #C5226B colour with black background colour.

White background

Sample text in #C5226B colour with white background colour.

#C5226B over22 #226BC5

Sample text in #C5226B colour with #226BC5 background colour.

#226BC5 over C5226B

Sample text in #226BC5 colour with #C5226B background colour.

#C5226B over22 #22BDC5

Sample text in #C5226B colour with #22BDC5 background colour.

#22BDC5 over C5226B

Sample text in #22BDC5 colour with #C5226B background colour.

#C5226B over22 #22C52B

Sample text in #C5226B colour with #22C52B background colour.

#22C52B over C5226B

Sample text in #22C52B colour with #C5226B background colour.

#C5226B over22 #22C56B

Sample text in #C5226B colour with #22C56B background colour.

#22C56B over C5226B

Sample text in #22C56B colour with #C5226B background colour.

#C5226B over22 #22C57C

Sample text in #C5226B colour with #22C57C background colour.

#22C57C over C5226B

Sample text in #22C57C colour with #C5226B background colour.

#C5226B over22 #2B22C5

Sample text in #C5226B colour with #2B22C5 background colour.

#2B22C5 over C5226B

Sample text in #2B22C5 colour with #C5226B background colour.

#C5226B over22 #3ADD94

Sample text in #C5226B colour with #3ADD94 background colour.

#3ADD94 over C5226B

Sample text in #3ADD94 colour with #C5226B background colour.

#C5226B over22 #5A5A5A

Sample text in #C5226B colour with #5A5A5A background colour.

#5A5A5A over C5226B

Sample text in #5A5A5A colour with #C5226B background colour.

#C5226B over22 #6B22C5

Sample text in #C5226B colour with #6B22C5 background colour.

#6B22C5 over C5226B

Sample text in #6B22C5 colour with #C5226B background colour.

#C5226B over22 #6BC522

Sample text in #C5226B colour with #6BC522 background colour.

#6BC522 over C5226B

Sample text in #6BC522 colour with #C5226B background colour.

#C5226B over22 #7C22C5

Sample text in #C5226B colour with #7C22C5 background colour.

#7C22C5 over C5226B

Sample text in #7C22C5 colour with #C5226B background colour.

#C5226B over22 #BDC522

Sample text in #C5226B colour with #BDC522 background colour.

#BDC522 over C5226B

Sample text in #BDC522 colour with #C5226B background colour.

#C5226B over22 #C56B22

Sample text in #C5226B colour with #C56B22 background colour.

#C56B22 over C5226B

Sample text in #C56B22 colour with #C5226B background colour.

#C5226B over22 #C57C22

Sample text in #C5226B colour with #C57C22 background colour.

#C57C22 over C5226B

Sample text in #C57C22 colour with #C5226B background colour.

#C5226B over22 #CC3366

Sample text in #C5226B colour with #CC3366 background colour.

#CC3366 over C5226B

Sample text in #CC3366 colour with #C5226B background colour.