About Topaz
Topaz is a warm, golden-yellow hue reminiscent of the gemstone it is named after. This color radiates warmth and positivity, often associated with clarity, joy, and abundance.
Psychology
Topaz Color is known to:
- Promote feelings of happiness and optimism
- Inspire creativity and confidence
- Evoke a sense of clarity and focus
Usage
This inviting color works well in:
- Branding and marketing materials that aim to convey warmth and friendliness
- Interior design for creating cozy and inviting spaces
- Fashion where a touch of brightness is desired
- Digital applications that seek to engage and attract users
Combinations
Topaz Color pairs beautifully with:
- Deep Teal (
#007B7F
)
- Charcoal Gray (
#333333
)
- Soft Peach (
#F4C2A1
)
- Cream (
#FFFDD0
)
Topaz color values and uses
Topaz is represented here by #FFC87C. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(255, 200, 124); HSL hsl(35, 100%, 74%) describes hue, saturation, and lightness, while CMYK 0%, 22%, 51%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.
Use topaz alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.
Frequently asked questions about Topaz
What is the hex code of Topaz Color?
The hex code of Topaz Color is #FFC87C.
What is the RGB value of Topaz Color?
The RGB value is rgb(255, 200, 124), with red, green, and blue channels shown in that order.
What colors go with Topaz Color?
Topaz Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.
What are the HSL and CMYK values for Topaz Color?
The HSL value is hsl(35, 100%, 74%); the approximate CMYK conversion is 0%, 22%, 51%, 0%. CMYK output can vary by printer and color profile.