1. oranges
2. neutral-vibrants
3. Beacon Yellow

Color Beacon Yellow orange (#f2c98a):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Beacon Yellow orange (#f2c98a):
Its Meaning and Harmonious Color Matches in Design.

Hue Family:
oranges

oranges Family:
neutral-vibrant

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Beacon Yellow / #f2c98a

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

In the CIE-LAB color space, the color is denoted by L* (lightness) = 83, a* (green to red) = 6, and b* (blue to yellow) = 37. The XYZ representation is X: 62, Y: 62, Z: 33. In the YUV color space, it translates to Y (luminance) = 0.8081, U (chrominance) = -0.1314, and V (chrominance) = 0.1236.

The decimal value of the color is 15911306. The closest Web-safe HEX code is #FFCC99. Variations of the colour are #FCF4E8 for a 20% lighter version and #E89F30 for a 20% darker version.

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

The approximate wavelength of #f2c98a is around 628.00nm.

The Depth and Diversity of Beacon Yellow (Hex: #f2c98a): Exploring its Impact in Design and Culture

Beacon Yellow (#f2c98a) is a vibrant color reminiscent of a tropical sunset. This shade bears striking similarity to the golden hues that illuminate a sandy beach at dusk, casting a warm glow over the surroundings. Its resemblance to the petals of a sunflower or the radiant feathers of a canary highlights the strong connection to nature. Beacon Yellow also echoes the brilliance of ripe pineapples and the inviting glow of a flickering bonfire. Its vividness and warmth make it an excellent choice for evoking feelings of joy, positivity, and energy in various designs.

Tints and Shades of #f2c98a HEX color (Beacon Yellow)

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 #f2c98a, 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
• #FCF2E2
• #F9E4C5
• #F5D7A7
• #f2c98a
• #B69768
• #796545
• #3D3223
• #000000

Tones of Beacon Yellow (#f2c98a HEX color)

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

• #c4ac86
• #d0b387
• #dbba88
• #e7c289
• #f2c98a
• #92713e
• #956f33
• #986c28
• #9b6a1d

HTML Usage Examples

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

p { color: #f2c98a; }

.text {color:#f2c98a;}

.background {background-color:#f2c98a;}

.border {border:1px solid #f2c98a;}