#247E81Jade Jewel (#247E81) is a mid-tone, soft blue-green with an OKLCH hue of 198°, lightness 0.54 and chroma 0.082. It sits on the cool side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #247E81 |
|---|---|
| RGB | rgb(36, 126, 129) |
| HSL | hsl(182, 56%, 32%) |
| HSV | hsv(182, 72%, 51%) |
| CMYK | cmyk(72%, 2%, 0%, 49%) |
| CIE Lab | lab(48.1 -24.5 -9.2) |
| OKLCH | oklch(0.543 0.082 198) |
Under warm 2700K interior light Jade Jewel shifts subtly: leans toward green; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.6), so it is a lighting-stable choice.
#367b78 — ΔE 1.6, shifts subtly: leans toward green#2e7f7e — ΔE 0.9, shifts subtly: leans toward green#247e81 — ΔE 0.0, is virtually unchanged#227f83 — ΔE 0.4, is virtually unchangedTest Jade Jewel in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 4.8:1 and against black 4.38:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text.
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.
#96d2d4 · #67acae · #247e81 · #006265 · #003d3f · #001c1d
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.
#6a9bb3 · #488d9c · #247e81 · #1f6c62 · #215a45 · #23472c
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.
#85b0de · #7b90a6 · #247e81 · #135f61 · #004244 · #0e2135
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.
#c1dcdc · #91bbbd · #809596 · #247e81 · #773d3f · #173a3b
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f9efef · #7f8d8e · #247e81 · #5b5454 · #182627 · #030101
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.
#fbeeee · #d4c6c6 · #a99999 · #332121 · #0f0203 · #247e81
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffeded · #ae7a7b · #247e81 · #7d4245 · #3e1216 · #000202
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffeded · #a97a91 · #247e81 · #7b472b · #3a1329 · #110200
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#f9edfd · #9b7ea4 · #247e81 · #6f5018 · #321f00 · #030005
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f1f0ff · #8884b0 · #247e81 · #7d4245 · #262500 · #0c0001
#4A9294 · #6AA6A8 · #89BBBC · #A7D0D1 · #C6E5E5
#13696C · #005457 · #004042 · #002D2E · #001B1C
#3D7B7D · #4E787A · #5C7576
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.