Color Margarine yellow-orange (#f2d930):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Margarine yellow-orange (#f2d930):
Its Meaning and Harmonious Color Matches in Design.

Margarine is a color with a HTML hex code of #f2d930.

Hue Family:
yellow-oranges

yellow-oranges Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Margarine / #f2d930

The HTML HEX code is #f2d930. The corresponding color name is "Margarine". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 242%, Green (G): 217%, Blue (B): 48%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 10%, Yellow (Y):80%, Black (K): 5%. In the HSL color space, #f2d930 has a hue of 52°, saturation of 88%, and lightness of 57%. The HSV representation is 52° for hue, 80% for saturation, and 95% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 86, a* (green to red) = -8, and b* (blue to yellow) = 79. The XYZ representation is X: 62, Y: 69, Z: 13. In the YUV color space, it translates to Y (luminance) = 0.8047, U (chrominance) = -0.3034, and V (chrominance) = 0.1266.

The decimal value of the color is 15915312. The closest Web-safe HEX code is #FFCC33. Variations of the colour are #F8EA91 for a 20% lighter version and #B19B0B for a 20% darker version.

For the color with hex value #f2d930, the correlated color temperature (CT) is estimated to be 3587 Kelvin (3587K).

The approximate wavelength of #f2d930 is around 596.00nm.

VALUECSS
HEX Codef2d930#f2d930
RGB Decimal Code242, 217, 48rgb(242, 217, 48)
CMYK0, 10, 80, 5/
HSL52°, 88%, 57%hsl(52°, 88%, 57%)
HSV52°, 80%, 95%/
CIE-LAB86, -8, 79/
XYZ 62, 69, 13/
YUV0.8047, -0.3034, 0.1266/
Decimal value15915312/
Web-Safe HEXFFCC33#FFCC33
Color Temperature (CT)3587 Kelvin (3587K)/
Estimate Wavelengtharound 596.00nm/

The Depth and Diversity of Margarine (Hex: #f2d930): Exploring its Impact in Design and Culture

Margarine, represented by the hex color #f2d930, is reminiscent of the golden rays of sunshine at dawn, casting a warm glow on the world. Its hue also mirrors the vibrant petals of marigold flowers, adding a touch of cheerfulness to any scene. This color can evoke the image of ripe lemons ready to be squeezed into a refreshing drink or a juicy pineapple, ready to be enjoyed on a tropical beach. In the world of food, margarines color can bring to mind a pat of butter melting on a hot stack of pancakes or a drizzle of honey on a fresh piece of toast.

Download Stunning Margarine Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Margarine Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Margarine 4K Wallpaper

Immerse yourself in the beauty of our Margarine 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Margarine 4K Wallpaper

Tints and Shades of #f2d930 HEX color (Margarine)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #f2d930, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #FCF6CB
  • #F9EC98
  • #F5E364
  • #f2d930
  • #B6A324
  • #796D18
  • #3D360C
  • #000000

Tones of Margarine (#f2d930 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #f2d930, #c4b550 is the less saturated color, while #f2d930 is the most saturated one.

  • #c4b550
  • #d0be48
  • #dbc740
  • #e7d038
  • #f2d930
  • #645e36
  • #5f582a
  • #5a521e
  • #564d11

HTML Usage Examples

HTML using color code example

<p style="color: #f2d930;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #f2d930.

CSS color code example

p { color: #f2d930; }

Text with hexadecimal color #f2d930

This is a sample text with color #f2d930.

Background Color with #f2d930

This is a example with background color #f2d930.

Border Color with #f2d930

This is a example of a border with #f2d930.

#f2d930 Color Preview on White (#ffffff) Background

This is a example of text with color #f2d930 on white background.

#f2d930 Color Preview on Black (#000000) Background

This is a example of text with color #f2d930 on black background.

CSS codes examples

.text {color:#f2d930;}
.background {background-color:#f2d930;}
.border {border:1px solid #f2d930;}

Complementary Color

#f2d930
#314BF2

Analogous Colors

#E15C0E
#E1900E
#F5BC61
#F2D831
#E4F561
#C9E10E
#94E10E

Split Complementary Colors

#31ABF2
#F2D831
#7831F2

Triadic Colors

#31F2D8
#F2D831
#D831F2

Tetradic Colors

#31F278
#314BF2
#F231AB