Colour code #FDA38A

#FDA38A
rgb(253, 163, 138)
rgb(99.2%, 63.9%, 54.1%)

RGB value of #FDA38A colour is rgb(253, 163, 138) where red value is 253, green value is 163 and the blue value is 138.

Max value from RGB for colour #FDA38A is 253 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FDA38A hue angle of 13°, saturation:96.6% and the lightness value is 76.7%.

The process colour (four Colour CMYK) of #FDA38A colour is Cyan = 0, Magento = 0.36, Yellow = 0.45, and Key/Black (K on CMYK) = 0.01.

Hex color #FDA38A is not a web safe color. Nearby web safe colour of #FDA38A is #FF9999.

Grayscale color of #FDA38A is #BBBBBB

Inverted color of #FDA38A is #025C75

OLE colour (RGB Long) of #FDA38A is 9085949

Decimal Value of #FDA38A is 16622474

Android / android.graphics.Color of #FDA38A is -154742 / 0xFFFDA38A

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

Hex Triplets
#FDA38A
RGB Decimal
rgb(253, 163, 138)
RGB Percent
rgb(99.22%, 63.92%, 54.12%)
RGBA
rgba(253, 163, 138, 1)
HSL
hsl(13, 96.6%, 76.7%)
HSLA
hsla(13, 96.6%, 76.7%, 1)

Colour spaces of #FDA38A

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 253
    99.22%
    G = 163
    63.92%
    B = 138
    54.12%

    C = 0.78%
    0.0078431372549019
    M = 36.08%
    0.36078431372549
    Y = 45.88%
    0.45882352941176
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 13°
    0.036231884057971
    S = 96.6%
    0.96638655462185
    L = 76.7%
    0.76666666666667
  • HSV (HSB) – hue, saturation, brightness/value
    H = 13°
    0.036231884057971
    S = 45.45%
    0.45454545454545
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 35.57
    0.35573122529644
    Y = 45.45
    0.45454545454545
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 58.193
    58.192650817024
    Y = 48.912
    48.91201045838
    Z = 30.419
    30.418631067826

    Yxy
    CIE (x, y, Y)
    Y = 48.912
    48.91201045838
    x = 0.423
    0.42314759794862
    y = 0.356
    0.35566346343938

    Hunter-Lab
    Hunter 1948 colour space
    L = 69.94
    69.937122087186
    a = 26.13
    26.13470909403
    b = 23.17
    23.168240952998

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 75.4
    75.39655522693
    a = 30.62
    30.616668192266
    b = 26.84
    26.835839018261

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 75.3966
    75.39655522693
    u = 64.4306
    64.430626041642
    v = 29.5301
    29.530074046769

    CIELCH
    Cylindrical representation
    L = 75.3966
    75.39655522693
    C = 40.7129
    40.712929482037
    H = 41.2349
    41.234913613636

    YIQ
    Luma In-phase Quadrature
    Y = 0.7336
    0.73356862745098
    I = 0.2418
    0.24182352941176
    Q = 0.0443
    0.044333333333333

Base Numbers

Base Red Green Blue
Binary 11111101 10100011 10001010
Octal 375 243 212
Decimal 253 163 138
Hex FD A3 8A


Colour Harmonies : #FDA38A colour combinations

Complementary colour scheme for #FDA38A

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

Split-complementary colour scheme for #FDA38A

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 #FDA38A are calculated by changing the hue by ±5/12 (±150°): 13° → -137° (13°-150°), 163° (13°+150°).

Triadic colours scheme for #FDA38A

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

Tetradic (Rectangle) colour scheme for #FDA38A

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 #FDA38A are calculated by changing the hue as follows : 13° → 133° (13°+120°), 193° (13°+180°), 313° (13°+300°).


Four tetradic scheme colours (counter-clockwise) for #FDA38A are calculated by changing the hue as follows : 13° → -107° (13°-120°), -167° (13°-180°), -287° (13°-300°).

Tetradic Square Colour Scheme for #FDA38A

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 #FDA38A are calculated by changing the hue by 1/4 (90°) progressively : 13° → 103° (13°+90°), 193° (13°+180°), 283° (13°+270°).

Analagous colours of #FDA38A

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 #FDA38A are calculated by changing the hue by ±1/12 (i.e. 30°): 13° → 43° (13°+30°), -17° (13°-30°).

RGB Variations of #FDA38A

(R:FD, G:A3, B:FD)

Monochromatic colours of #FDA38A

Shade Colour Variation of #FDA38A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FDA38A (Brighter)

Tint is created by mixing white to any pure color

Tones of #FDA38A colour with more saturation

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

Tones of #FDA38A colour with less saturation

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

#FDA38A Colour in CSS Codes


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

Text with hexadecimal font colour #FDA38A

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


#FDA38A Background Colour

This div background Colour is #FDA38A


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


#FDA38A Border Colour

This div border Colour is #FDA38A


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(253, 163, 138, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #FDA38A;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #FDA38A;
    -webkit-box-shadow: 1px 1px 3px 2px #FDA38A;
    box-shadow: 1px 1px 3px 2px #FDA38A;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(253, 163, 138, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FDA38A



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

Colour Palettes with #FDA38A

Colour Compositions

RGB % of Colour #FDA38A

CMYK % of Colour #FDA38A

Related Colours along with #FDA38A

Black background

Sample text in #FDA38A colour with black background colour.

White background

Sample text in #FDA38A colour with white background colour.

#FDA38A over22 #025C75

Sample text in #FDA38A colour with #025C75 background colour.

#025C75 over FDA38A

Sample text in #025C75 colour with #FDA38A background colour.

#FDA38A over22 #8AA3FD

Sample text in #FDA38A colour with #8AA3FD background colour.

#8AA3FD over FDA38A

Sample text in #8AA3FD colour with #FDA38A background colour.

#FDA38A over22 #8AAAFD

Sample text in #FDA38A colour with #8AAAFD background colour.

#8AAAFD over FDA38A

Sample text in #8AAAFD colour with #FDA38A background colour.

#FDA38A over22 #8AE4FD

Sample text in #FDA38A colour with #8AE4FD background colour.

#8AE4FD over FDA38A

Sample text in #8AE4FD colour with #FDA38A background colour.

#FDA38A over22 #8AFDA3

Sample text in #FDA38A colour with #8AFDA3 background colour.

#8AFDA3 over FDA38A

Sample text in #8AFDA3 colour with #FDA38A background colour.

#FDA38A over22 #8AFDDC

Sample text in #FDA38A colour with #8AFDDC background colour.

#8AFDDC over FDA38A

Sample text in #8AFDDC colour with #FDA38A background colour.

#FDA38A over22 #A38AFD

Sample text in #FDA38A colour with #A38AFD background colour.

#A38AFD over FDA38A

Sample text in #A38AFD colour with #FDA38A background colour.

#FDA38A over22 #A3FD8A

Sample text in #FDA38A colour with #A3FD8A background colour.

#A3FD8A over FDA38A

Sample text in #A3FD8A colour with #FDA38A background colour.

#FDA38A over22 #AAFD8A

Sample text in #FDA38A colour with #AAFD8A background colour.

#AAFD8A over FDA38A

Sample text in #AAFD8A colour with #FDA38A background colour.

#FDA38A over22 #BBBBBB

Sample text in #FDA38A colour with #BBBBBB background colour.

#BBBBBB over FDA38A

Sample text in #BBBBBB colour with #FDA38A background colour.

#FDA38A over22 #DC8AFD

Sample text in #FDA38A colour with #DC8AFD background colour.

#DC8AFD over FDA38A

Sample text in #DC8AFD colour with #FDA38A background colour.

#FDA38A over22 #E4FD8A

Sample text in #FDA38A colour with #E4FD8A background colour.

#E4FD8A over FDA38A

Sample text in #E4FD8A colour with #FDA38A background colour.

#FDA38A over22 #FD8AA3

Sample text in #FDA38A colour with #FD8AA3 background colour.

#FD8AA3 over FDA38A

Sample text in #FD8AA3 colour with #FDA38A background colour.

#FDA38A over22 #FD8AE4

Sample text in #FDA38A colour with #FD8AE4 background colour.

#FD8AE4 over FDA38A

Sample text in #FD8AE4 colour with #FDA38A background colour.

#FDA38A over22 #FF9999

Sample text in #FDA38A colour with #FF9999 background colour.

#FF9999 over FDA38A

Sample text in #FF9999 colour with #FDA38A background colour.