Topaz
Meet Topaz (#FFC87C), a radiant hue sitting between gold and orange. Its striking quality comes from a bright, sun-drenched warmth that brings a luminous energy to any palette without being overpowering, making it a compelling choice for visual projects.
Topaz Code Conversions
HEX
#FFC87C
LAB
84, 11, 45
RGB
255, 200, 124
XYZ
65.5, 64.0, 28.0
HSL
35°, 100%, 74%
LCH
84, 47, 77°
HSB
35°, 51%, 100%
LUV
84, 42, 56
HWB
35°, 49%, 0%
Topaz Color Harmonies
Analogous
Analogous colors sit next to each other on the color wheel. Paired with Topaz, these neighboring hues create a harmonious and serene visual effect.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Topaz, these colors create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Topaz uses the two colors adjacent to its direct complement, offering a balanced yet vibrant palette.
Triadic
A triadic scheme pairs Topaz with two other colors equidistant on the color wheel, resulting in a high-contrast yet harmonious visual effect.
Tetradic
A tetradic color scheme for Topaz uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors spaced evenly around the color wheel, creating a vibrant and high-contrast palette with Topaz as a key component.
Topaz Contrast Simulation
Topaz Color Variations
Shades
Shades are darker versions of Topaz, made by adding black for more depth and weight.
Tints
By adding white to Topaz, you create tints—lighter variations that add a soft touch.
Tones
Tones of Topaz are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Topaz, sharing its base color but with different intensities or temperatures.
What Interfaces Use Colors Like Topaz?
























