Colour code #D3F04A

#D3F04A
rgb(211, 240, 74)
rgb(82.7%, 94.1%, 29%)

RGB value of #D3F04A colour is rgb(211, 240, 74) where red value is 211, green value is 240 and the blue value is 74.

Max value from RGB for colour #D3F04A is 240 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #D3F04A hue angle of 70.5°, saturation:84.7% and the lightness value is 61.6%.

The process colour (four Colour CMYK) of #D3F04A colour is Cyan = 0.12, Magento = 0, Yellow = 0.69, and Key/Black (K on CMYK) = 0.06.

Hex color #D3F04A is not a web safe color. Nearby web safe colour of #D3F04A is #CCFF33.

Grayscale color of #D3F04A is #D5D5D5

Inverted color of #D3F04A is #2C0FB5

OLE colour (RGB Long) of #D3F04A is 4911315

Decimal Value of #D3F04A is 13889610

Android / android.graphics.Color of #D3F04A is -2887606 / 0xFFD3F04A

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

Hex Triplets
#D3F04A
RGB Decimal
rgb(211, 240, 74)
RGB Percent
rgb(82.75%, 94.12%, 29.02%)
RGBA
rgba(211, 240, 74, 1)
HSL
hsl(70.5, 84.7%, 61.6%)
HSLA
hsla(70.5, 84.7%, 61.6%, 1)

Colour spaces of #D3F04A

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 211
    82.75%
    G = 240
    94.12%
    B = 74
    29.02%

    C = 17.25%
    0.17254901960784
    M = 5.88%
    0.058823529411765
    Y = 70.98%
    0.70980392156863
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 70.5°
    0.19578313253012
    S = 84.7%
    0.8469387755102
    L = 61.6%
    0.6156862745098
  • HSV (HSB) – hue, saturation, brightness/value
    H = 70.5°
    0.19578313253012
    S = 69.17%
    0.69166666666667
    V = 94.12%
    0.94117647058824
  • CMYK – cyan, magenta, yellow, key/black
    C = 12.08
    0.12083333333333
    M = 0
    0
    Y = 69.17
    0.69166666666667
    K = 5.88
    0.058823529411765
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 59.26
    59.260087635434
    Y = 76.663
    76.66347260292
    Z = 18.153
    18.15275898478

    Yxy
    CIE (x, y, Y)
    Y = 76.663
    76.66347260292
    x = 0.385
    0.3846151565291
    y = 0.498
    0.49756817263979

    Hunter-Lab
    Hunter 1948 colour space
    L = 87.56
    87.557679619163
    a = -32.41
    -32.414998603559
    b = 49
    48.998169214364

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 90.17
    90.166496304156
    a = -30.47
    -30.466615711195
    b = 72.97
    72.970136839116

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 90.1665
    90.166496304156
    u = -12.0252
    -12.025230895129
    v = 91.0413
    91.041290312092

    CIELCH
    Cylindrical representation
    L = 90.1665
    90.166496304156
    C = 79.075
    79.074999482851
    H = 112.6616
    112.66159514847

    YIQ
    Luma In-phase Quadrature
    Y = 0.833
    0.83296078431373
    I = 0.1412
    0.14118431372549
    Q = -0.2266
    -0.22656470588235

Base Numbers

Base Red Green Blue
Binary 11010011 11110000 01001010
Octal 323 360 112
Decimal 211 240 74
Hex D3 F0 4A


Colour Harmonies : #D3F04A colour combinations

Complementary colour scheme for #D3F04A

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

Split-complementary colour scheme for #D3F04A

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 #D3F04A are calculated by changing the hue by ±5/12 (±150°): 70.5° → -79.5° (70.5°-150°), 220.5° (70.5°+150°).

Triadic colours scheme for #D3F04A

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 #D3F04A are calculated by changing the hue by ±1/3 (±120°): 70.5° → -49.5° (70.5°-120°), 190.5° (70.5°+120°).

Tetradic (Rectangle) colour scheme for #D3F04A

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 #D3F04A are calculated by changing the hue as follows : 70.5° → 190.5° (70.5°+120°), 250.5° (70.5°+180°), 370.5° (70.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #D3F04A are calculated by changing the hue as follows : 70.5° → -49.5° (70.5°-120°), -109.5° (70.5°-180°), -229.5° (70.5°-300°).

Tetradic Square Colour Scheme for #D3F04A

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 #D3F04A are calculated by changing the hue by 1/4 (90°) progressively : 70.5° → 160.5° (70.5°+90°), 250.5° (70.5°+180°), 340.5° (70.5°+270°).

Analagous colours of #D3F04A

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 #D3F04A are calculated by changing the hue by ±1/12 (i.e. 30°): 70.5° → 100.5° (70.5°+30°), 40.5° (70.5°-30°).

RGB Variations of #D3F04A

(R:D3, G:F0, B:D3)

Monochromatic colours of #D3F04A

Shade Colour Variation of #D3F04A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #D3F04A (Brighter)

Tint is created by mixing white to any pure color

Tones of #D3F04A colour with more saturation

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

Tones of #D3F04A colour with less saturation

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

#D3F04A Colour in CSS Codes


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

Text with hexadecimal font colour #D3F04A

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


#D3F04A Background Colour

This div background Colour is #D3F04A


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


#D3F04A Border Colour

This div border Colour is #D3F04A


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(211, 240, 74, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #D3F04A;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #D3F04A;
    -webkit-box-shadow: 1px 1px 3px 2px #D3F04A;
    box-shadow: 1px 1px 3px 2px #D3F04A;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(211, 240, 74, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # D3F04A



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

Colour Palettes with #D3F04A

Colour Compositions

RGB % of Colour #D3F04A

CMYK % of Colour #D3F04A

Related Colours along with #D3F04A

Black background

Sample text in #D3F04A colour with black background colour.

White background

Sample text in #D3F04A colour with white background colour.

#D3F04A over22 #2C0FB5

Sample text in #D3F04A colour with #2C0FB5 background colour.

#2C0FB5 over D3F04A

Sample text in #2C0FB5 colour with #D3F04A background colour.

#D3F04A over22 #4A80F0

Sample text in #D3F04A colour with #4A80F0 background colour.

#4A80F0 over D3F04A

Sample text in #4A80F0 colour with #D3F04A background colour.

#D3F04A over22 #4AD3F0

Sample text in #D3F04A colour with #4AD3F0 background colour.

#4AD3F0 over D3F04A

Sample text in #4AD3F0 colour with #D3F04A background colour.

#D3F04A over22 #4AF067

Sample text in #D3F04A colour with #4AF067 background colour.

#4AF067 over D3F04A

Sample text in #4AF067 colour with #D3F04A background colour.

#D3F04A over22 #4AF0BA

Sample text in #D3F04A colour with #4AF0BA background colour.

#4AF0BA over D3F04A

Sample text in #4AF0BA colour with #D3F04A background colour.

#D3F04A over22 #4AF0D3

Sample text in #D3F04A colour with #4AF0D3 background colour.

#4AF0D3 over D3F04A

Sample text in #4AF0D3 colour with #D3F04A background colour.

#D3F04A over22 #674AF0

Sample text in #D3F04A colour with #674AF0 background colour.

#674AF0 over D3F04A

Sample text in #674AF0 colour with #D3F04A background colour.

#D3F04A over22 #BA4AF0

Sample text in #D3F04A colour with #BA4AF0 background colour.

#BA4AF0 over D3F04A

Sample text in #BA4AF0 colour with #D3F04A background colour.

#D3F04A over22 #CCFF33

Sample text in #D3F04A colour with #CCFF33 background colour.

#CCFF33 over D3F04A

Sample text in #CCFF33 colour with #D3F04A background colour.

#D3F04A over22 #D34AF0

Sample text in #D3F04A colour with #D34AF0 background colour.

#D34AF0 over D3F04A

Sample text in #D34AF0 colour with #D3F04A background colour.

#D3F04A over22 #D5D5D5

Sample text in #D3F04A colour with #D5D5D5 background colour.

#D5D5D5 over D3F04A

Sample text in #D5D5D5 colour with #D3F04A background colour.

#D3F04A over22 #F04A80

Sample text in #D3F04A colour with #F04A80 background colour.

#F04A80 over D3F04A

Sample text in #F04A80 colour with #D3F04A background colour.

#D3F04A over22 #F04AD3

Sample text in #D3F04A colour with #F04AD3 background colour.

#F04AD3 over D3F04A

Sample text in #F04AD3 colour with #D3F04A background colour.

#D3F04A over22 #F0674A

Sample text in #D3F04A colour with #F0674A background colour.

#F0674A over D3F04A

Sample text in #F0674A colour with #D3F04A background colour.

#D3F04A over22 #F0D34A

Sample text in #D3F04A colour with #F0D34A background colour.

#F0D34A over D3F04A

Sample text in #F0D34A colour with #D3F04A background colour.