Topaz #CF7E40

Topaz (#CF7E40) is a mid-tone, soft orange with an OKLCH hue of 56°, lightness 0.67 and chroma 0.127. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#CF7E40
RGBrgb(207, 126, 64)
HSLhsl(26, 60%, 53%)
HSVhsv(26, 69%, 81%)
CMYKcmyk(0%, 39%, 69%, 19%)
CIE Lablab(60.4 26.1 46)
OKLCHoklch(0.668 0.127 56)

How Topaz behaves under real light

Under warm 2700K interior light Topaz shifts subtly: leans toward red; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.2), so it is a lighting-stable choice.

Contrast & accessibility

Against white it measures 3.13:1 and against black 6.71:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.

Palettes built from Topaz

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#ffe9db · #fcb37f · #cf7e40 · #ae6428 · #834200 · #542700

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#d5b66d · #d39b52 · #cf7e40 · #bd684a · #a75552 · #8e4655

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#b7b788 · #cf7e40 · #a66432 · #615e00 · #632f00 · #292800

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#ffcfae · #cbb1a0 · #cf7e40 · #007db0 · #704b31 · #493121

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#e7f4fc · #cf7e40 · #86766c · #424a50 · #291a0f · #000204

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#e8f4fb · #bfcdd5 · #92a2ab · #182c37 · #000a14 · #cf7e40

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#d2d6b0 · #c69ca4 · #cf7e40 · #1d7286 · #374460 · #051210

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#e4f5ff · #cf7e40 · #008a96 · #28438d · #002327 · #000010

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#d8fbf1 · #cf7e40 · #1d8d77 · #503685 · #240949 · #000302

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#e2f9e3 · #cf7e40 · #508a54 · #004f72 · #350038 · #00040c

Tints, shades & muted variants

Tints

#D9915D · #E4A477 · #EDB791 · #F7CAAB · #FFDDC6

Shades

#AE652C · #8D4D17 · #6E3600 · #4D2300 · #2E1200

Muted

#C48456 · #B88969 · #AB8E7A

Using Topaz

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors