#277B74Ivy (#277B74) is a mid-tone, soft blue-green with an OKLCH hue of 187°, lightness 0.53 and chroma 0.08. 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 | #277B74 |
|---|---|
| RGB | rgb(39, 123, 116) |
| HSL | hsl(175, 52%, 32%) |
| HSV | hsv(175, 68%, 48%) |
| CMYK | cmyk(68%, 0%, 6%, 52%) |
| CIE Lab | lab(46.8 -26.4 -3.5) |
| OKLCH | oklch(0.532 0.080 187) |
Under warm 2700K interior light Ivy 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.5), so it is a lighting-stable choice.
#37786c — ΔE 1.5, shifts subtly: leans toward green#307c71 — ΔE 0.9, shifts subtly: leans toward green#277b74 — ΔE 0.0, is virtually unchanged#257c76 — ΔE 0.4, is virtually unchangedTest Ivy 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 5.03:1 and against black 4.17: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.
#95cec8 · #67a9a2 · #277b74 · #046059 · #003b36 · #001917
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.
#6399aa · #448a90 · #277b74 · #276956 · #29563a · #294322
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.
#79b0d5 · #748d9f · #277b74 · #165c56 · #003f3b · #06202f
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.
#bed8d4 · #90b8b3 · #7d928f · #277b74 · #713a46 · #153734
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f9eff0 · #7c8a88 · #277b74 · #585152 · #172523 · #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.
#faeef0 · #d2c5c7 · #a7979a · #2e1d20 · #0a0102 · #277b74
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffecef · #a97780 · #277b74 · #783f4b · #3b111c · #000202
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffecef · #a07895 · #277b74 · #784232 · #35132d · #050000
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#f6eeff · #917da5 · #277b74 · #70491c · #341b00 · #020006
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#eef1ff · #7d83ad · #277b74 · #783f4b · #292100 · #060001
#4C8F89 · #6BA49E · #8AB9B4 · #A8CFCA · #C6E4E0
#176660 · #05534D · #003F3B · #002C29 · #001B18
#3D7872 · #4D7571 · #5A726F
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.