#A7D8DECrystal (#A7D8DE) is a very light, muted sky blue with an OKLCH hue of 206°, lightness 0.85 and chroma 0.051. 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 | #A7D8DE |
|---|---|
| RGB | rgb(167, 216, 222) |
| HSL | hsl(187, 45%, 76%) |
| HSV | hsv(187, 25%, 87%) |
| CMYK | cmyk(25%, 3%, 0%, 13%) |
| CIE Lab | lab(83.2 -14.4 -8.1) |
| OKLCH | oklch(0.850 0.051 206) |
Under warm 2700K interior light Crystal shifts subtly: drifts toward blue-green, loses intensity; in north-facing or shaded light it shifts subtly: leans toward blue. Overall drift across common illuminants is small (max ΔE ≈ 2.2), so it is a lighting-stable choice.
#b3d3d0 — ΔE 2.2, shifts subtly: drifts toward blue-green, loses intensity#afd9da — ΔE 1.1, shifts subtly: drifts toward blue-green#a7d8de — ΔE 0.0, is virtually unchanged#a6d9e1 — ΔE 0.4, shifts subtly: leans toward blueTest Crystal 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 1.55:1 and against black 13.52:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
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.
#d3faff · #a7d8de · #80abb0 · #5e8589 · #3e6064 · #1f3d41
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.
#b1eae5 · #a7d8de · #87c5db · #80aecd · #7a98bb · #7582a7
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.
#a7d8de · #9fafc6 · #5e9ba2 · #55739d · #255f65 · #2d3b50
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.
#e1f7f9 · #a7d8de · #8db3b7 · #b27772 · #315054 · #1e3234
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#a7d8de · #b8afae · #727e80 · #4f4948 · #142122 · #020101
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.
#e4f6f8 · #a7d8de · #8aa2a5 · #062b2f · #000709 · #e34f4b
The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.
#e4f6f8 · #a7d8de · #8aa2a5 · #062b2f · #000709 · #edbc4d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e8ebc5 · #a7d8de · #c48d5a · #667d9f · #54343a · #05120e
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#a7d8de · #bfacaa · #996d7d · #693f1f · #340f1f · #110300
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#a7d8de · #b9acb9 · #8f708f · #5d4710 · #291c00 · #030003
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#a7d8de · #b2aebe · #7e759c · #6d3935 · #1d2100 · #050000
#B2DDE3 · #BEE3E7 · #C9E8EC · #D4EDF0 · #E0F3F5
#85B1B6 · #648B90 · #45676B · #284549 · #0C2629
#B0D6DB · #B8D4D7 · #C0D1D4
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.