Steel
Meet Steel, hex code #BBBEBD. This sophisticated neutral sits at a unique intersection of light and shadow, offering a quiet complexity that sets it apart from standard grays. Its balanced nature provides a solid foundation for clean and modern user interfaces.
Steel Code Conversions
HEX
#BBBEBD
LAB
77, -1, 0
RGB
187, 190, 189
XYZ
48.1, 51.1, 55.5
HSL
160°, 2%, 74%
LCH
77, 1, 174°
HSB
160°, 2%, 75%
LUV
77, -2, 0
HWB
160°, 73%, 25%
Steel Color Harmonies
Analogous
Analogous colors are found next to Steel on the color wheel. This combination creates a harmonious and serene palette, offering a sense of visual cohesion.
Complementary
Complementary colors sit directly across from each other on the color wheel. Paired with Steel, they offer the highest possible contrast and visual pop.
Split Complementary
Split complementary schemes offer a twist on high contrast, matching Steel with the two hues neighboring its opposite color for a sophisticated look.
Triadic
A triadic scheme pairs Steel with two other colors, all equally spaced on the color wheel, creating a vibrant and balanced palette.
Tetradic
A tetradic palette for Steel (#BBBEBD) uses two pairs of complementary colors, forming a rich, four-color combination for vibrant designs.
Square
A square color palette places four colors, including Steel, at equal distances around the color wheel for a balanced yet high-contrast combination.
Steel Contrast Simulation
Steel Color Variations
Shades
Shades are darker versions of Steel, created by adding black for a sense of depth and weight.
Tints
Tints are lighter versions of Steel, created by mixing in white for a softer effect.
Tones
Tones of Steel are created by adding gray, producing softer and less saturated variations.
Hues
Hues of Steel (#BBBEBD) are variations that affect the color's intensity and temperature.
What Interfaces Use Colors Like Steel?
