#BCCAB3Bok Choy (#BCCAB3) is a very light, muted green with an OKLCH hue of 133°, lightness 0.82 and chroma 0.035. It sits on the transitional side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #BCCAB3 |
|---|---|
| RGB | rgb(188, 202, 179) |
| HSL | hsl(97, 18%, 75%) |
| HSV | hsv(97, 11%, 79%) |
| CMYK | cmyk(7%, 0%, 11%, 21%) |
| CIE Lab | lab(79.7 -9 9.9) |
| OKLCH | oklch(0.822 0.035 133) |
Under warm 2700K interior light Bok Choy shifts subtly: drifts toward yellow; in north-facing or shaded light it shifts subtly: leans toward blue-green. Overall drift across common illuminants is small (max ΔE ≈ 1.9), so it is a lighting-stable choice.
#c5c5a7 — ΔE 1.9, shifts subtly: drifts toward yellow#c3cbaf — ΔE 1.1, shifts subtly: drifts toward yellow-green#bccab3 — ΔE 0.0, is virtually unchanged#bccbb6 — ΔE 0.4, shifts subtly: leans toward blue-greenTest Bok Choy 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.72:1 and against black 12.24: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.
#eaf7e2 · #bccab3 · #9aa792 · #76816e · #535d4d · #333b2d
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.
#c0f0d9 · #b6e1bc · #bccab3 · #aeb885 · #a7a172 · #9d8a64
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.
#bccab3 · #8cada8 · #788f68 · #2c776f · #415532 · #173a36
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.
#e3ecdd · #bccab3 · #9376a4 · #58664e · #3b4733 · #222a1c
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#bccab3 · #aba6ad · #72786f · #48454a · #191e16 · #010102
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.
#eef4eb · #bccab3 · #979e93 · #1d2517 · #010500 · #a1d77a
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#bccab3 · #ada4b3 · #826b8f · #553a63 · #271231 · #000100
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#bccab3 · #ada4b3 · #707198 · #623551 · #191739 · #040002
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#bccab3 · #9fa9b7 · #5c7898 · #69343b · #340d14 · #000107
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#bccab3 · #9aacb3 · #4c7e8f · #553a63 · #341002 · #020005
#C5D1BD · #CED9C7 · #D7E0D1 · #E0E8DB · #E9EFE6
#99A591 · #778270 · #576050 · #384033 · #1C2318
#BEC9B7 · #C0C8BB · #C1C7BE
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.