Windsurfing #3A7099

Windsurfing (#3A7099) is a mid-tone, soft sky blue with an OKLCH hue of 243°, lightness 0.53 and chroma 0.087. 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.

Color values

HEX#3A7099
RGBrgb(58, 112, 153)
HSLhsl(206, 45%, 41%)
HSVhsv(206, 62%, 60%)
CMYKcmyk(62%, 27%, 0%, 40%)
CIE Lablab(45.3 -4.9 -27.6)
OKLCHoklch(0.526 0.087 243)

How Windsurfing behaves under real light

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

Test Windsurfing in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

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

Colors that go with Windsurfing

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.

#9cc5e7 · #709fc4 · #3a7099 · #22557b · #003354 · #001527

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.

#5a99a6 · #4585a0 · #3a7099 · #3e5a87 · #3e4571 · #3a325a

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.

#ab9cd8 · #8a83a0 · #3a7099 · #275374 · #0d3855 · #1e1730

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.

#dba879 · #7e8d9a · #3a7099 · #354f64 · #1b3244 · #081722

Quiet Support

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

#f8f0ea · #7d878f · #3a7099 · #55504c · #19222b · #020100

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.

#f9f0e8 · #d3c9c0 · #aa9e94 · #36291d · #140800 · #3a7099

Complementary

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

#d2e0bc · #d5b952 · #8578ac · #3a7099 · #6b4d42 · #051417

Split-complementary

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

#ffefe0 · #ab766a · #3a7099 · #625006 · #3d1007 · #0a0500

Triadic

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

#ffecf0 · #a97481 · #3a7099 · #48591d · #1b2600 · #050001

Tetradic

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

#fdecf9 · #9f7697 · #3a7099 · #724615 · #002a11 · #180700

Tints, shades & muted variants

Tints

#5786AB · #739CBC · #90B2CE · #ADC9E0 · #CAE0F2

Shades

#2C5D81 · #1D4A6B · #0F3855 · #03273F · #00172A

Muted

#476F8F · #526E86 · #5C6D7C

Using Windsurfing

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