Gardenia
Meet Gardenia (#F3F0E9), a refined off-white that offers a sophisticated alternative to stark white. Its subtle warmth and creamy undertone provide a rich, foundational neutral for any design palette, adding depth without overwhelming the visual space.
Gardenia Code Conversions
HEX
#F3F0E9
LAB
95, 0, 4
RGB
243, 240, 233
XYZ
82.8, 87.3, 89.6
HSL
42°, 29%, 93%
LCH
95, 4, 93°
HSB
42°, 4%, 95%
LUV
95, 2, 6
HWB
42°, 91%, 5%
Gardenia Color Harmonies
Analogous
Analogous schemes group colors adjacent on the color wheel. Centered around Gardenia, these palettes create a naturally serene and unified look.
Complementary
Complementary colors are opposites on the color wheel. When paired with Gardenia, these hues create a striking, high-contrast visual effect.
Split Complementary
This scheme uses Gardenia and the two colors adjacent to its complement, creating a high-contrast look with less tension than a standard complementary pairing.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Gardenia as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme uses two pairs of complementary colors. Based on Gardenia, it produces a vibrant, balanced palette with a high degree of contrast.
Square
A square color scheme builds on Gardenia with three equidistant colors on the color wheel, offering a palette with rich, balanced contrast.
Gardenia Contrast Simulation
Gardenia Color Variations
Shades
Shades of Gardenia are darker versions made by adding black, creating depth and weight.
Tints
Tints are lighter values of Gardenia, achieved by adding white to soften the original hue.
Tones
Tones of Gardenia are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Gardenia, sharing its base color but with different intensities or temperatures.
What Interfaces Use Colors Like Gardenia?
