greenneutralCC0 survey name

Ocean Green #3D9973

Ocean Green is a mid-tone, moderately saturated neutral color (#3D9973; HSL 155° 43% 42%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “ocean green”.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Emerald Colors

Color values

FormatValue
HEX#3D9973
RGBrgb(61, 153, 115)
HSLhsl(155, 43%, 42%)
HSVhsv(155, 60%, 60%)
OKLCHoklch(61.71% 0.106 163.1)
OKLaboklab(61.71% -0.101 0.0306)
CMYKcmyk(60.1%, 0%, 24.8%, 40%)
XYZxyz(16.4086, 25.0108, 20.1792)
CIE-LABlab(57.1, -36.6, 12.0)
CIE-LCHlch(57.1, 38.5, 161.9°)
Luminance0.250 (WCAG relative)
/* Ocean Green */ --ocean-green: #3d9973; color: #3d9973; background-color: #3d9973;

Source: xkcd color survey name (public domain, CC0). CSS keyword: oceangreen.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#388967 #33785b #2f6950 #2a5945 #244b3a #1f3c2f #1a2e25 #14211b #0c1410 #000000

Tints (toward white)

#54a380 #68ad8d #7cb89b #8fc2a9 #a1ccb7 #b4d6c5 #c7e0d3 #d9ebe2 #ecf5f0 #ffffff

Tones (toward gray)

#489875 #519677 #5a957a #62937c #69927e #709080 #778e82 #7d8d85 #838b87 #898989

Color harmonies

Complementary

Edit in generator →
#3D9973
#993D63
#3d9973 #993d63

Analogous

Edit in generator →
#3D9945
#3D9973
#3D9199
#3d9945 #3d9973 #3d9199

Triadic

Edit in generator →
#3D9973
#733D99
#99733D
#3d9973 #733d99 #99733d

Tetradic

Edit in generator →
#3D9973
#453D99
#993D63
#91993D
#3d9973 #453d99 #993d63 #91993d

Square

Edit in generator →
#3D9973
#453D99
#993D63
#91993D
#3d9973 #453d99 #993d63 #91993d

Split Complementary

Edit in generator →
#3D9973
#993D91
#99453D
#3d9973 #993d91 #99453d

Monochromatic

Edit in generator →
#1A4131
#2C6D52
#3D9973
#57BC92
#83CEAF
#1a4131 #2c6d52 #3d9973 #57bc92 #83ceaf

Accessibility & contrast

3.50
#3D9973 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.00
#3D9973 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on ocean green

6.00
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#978F71
Deuteranopia (green-blind)
#8A8575
Tritanopia (blue-blind)
#0B998E

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Viridian #1E91673.80
Teal Green #25A36F4.43
Jade #1FA7745.17
Sea Green #2E8B576.67
Tea #65AB7C7.46
Grey Teal #5E9B8A7.61

Colors that go with ocean green

Top matches by hue harmony, contrast and saturation compatibility.

Evergreen #05472A
3.1:1
Same hue family as ocean green (Δh 2°) — guaranteed harmony
Petrol #005F6A
2.1:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
3.2:1
UI contrast with the anchor (3.16:1, passes AA large text)
Eggplant #380835
4.8:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Burgundy #800020
3.1:1
Complementary hue (Δh ≈170°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.