Klavier
Meet Klavier (#363436), a deep, near-black that offers a sophisticated alternative to pure black. Its subtle warmth provides a rich foundation for palettes, creating depth without the starkness of absolute zero, making it a versatile choice for modern interface design.
Klavier Code Conversions
HEX
#363436
LAB
22, 1, -1
RGB
54, 52, 54
XYZ
3.4, 3.5, 4.0
HSL
300°, 2%, 21%
LCH
22, 2, 325°
HSB
300°, 4%, 21%
LUV
22, 1, -1
HWB
300°, 20%, 79%
Klavier Color Harmonies
Analogous
Analogous color schemes pair Klavier with its neighbors on the color wheel, producing a cohesive and calming effect in any user interface.
Complementary
Complementary colors are opposites on the color wheel. When paired with Klavier, its complement creates a striking, high-contrast visual effect.
Split Complementary
Klavier's split complementary palette uses the two colors next to its complement, creating a high-contrast look with greater versatility than a direct pairing.
Triadic
A triadic scheme involves three colors equidistant on the color wheel. These combinations with Klavier create a bold and balanced visual effect.
Tetradic
Tetradic schemes use four colors arranged as two complementary pairs, creating a vibrant and balanced palette with Klavier as the anchor.
Square
A square color scheme pairs Klavier with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Klavier Contrast Simulation
Klavier Color Variations
Shades
Shades are darker versions of Klavier, made by adding black to create depth and weight.
Tints
Tints are lighter versions of Klavier, created by adding white for a softer effect.
Tones
Adding gray to Klavier produces tones, resulting in a softer, less saturated appearance.
Hues
Hues are variations of Klavier, sharing its base color but with different intensities or temperatures.
What Interfaces Use Colors Like Klavier?





























