cyancoolCC0 survey name

Ocean #017B92

Ocean is a dark, vivid cool color (#017B92; HSL 190° 99% 29%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “ocean”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals

Color values

FormatValue
HEX#017B92
RGBrgb(1, 123, 146)
HSLhsl(190, 99%, 29%)
HSVhsv(190, 99%, 57%)
OKLCHoklch(53.76% 0.096 216.9)
OKLaboklab(53.76% -0.0765 -0.0576)
CMYKcmyk(99.3%, 15.8%, 0%, 42.7%)
XYZxyz(12.2815, 16.246, 29.677)
CIE-LABlab(47.3, -20.0, -20.5)
CIE-LCHlch(47.3, 28.7, 225.7°)
Luminance0.162 (WCAG relative)
/* Ocean */ --ocean: #017b92; color: #017b92; background-color: #017b92;

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

Collections: Jewel Tone Colors · Ocean Colors

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)

#0c6e82 #126173 #155564 #164955 #163d47 #15323a #13272c #101c20 #0a1113 #000000

Tints (toward white)

#35889c #5194a7 #69a1b2 #7faebc #95bbc7 #aac9d2 #bfd6dd #d5e3e8 #eaf1f4 #ffffff

Tones (toward gray)

#237a8f #33798b #3f7888 #497784 #517681 #58757e #5f747a #657277 #6b7173 #707070

Color harmonies

Complementary

Edit in generator →
#017B92
#921801
#017b92 #921801

Analogous

Edit in generator →
#019261
#017B92
#013392
#019261 #017b92 #013392

Triadic

Edit in generator →
#017B92
#92017B
#7B9201
#017b92 #92017b #7b9201

Tetradic

Edit in generator →
#017B92
#610192
#921801
#339201
#017b92 #610192 #921801 #339201

Square

Edit in generator →
#017B92
#610192
#921801
#339201
#017b92 #610192 #921801 #339201

Split Complementary

Edit in generator →
#017B92
#920133
#926101
#017b92 #920133 #926101

Monochromatic

Edit in generator →
#001A1E
#014855
#017B92
#01AECF
#10D8FD
#001a1e #014855 #017b92 #01aecf #10d8fd

Accessibility & contrast

4.94
#017B92 on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
4.25
#017B92 on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on ocean

4.94
#FFFFFF 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)
#6C7793
Deuteranopia (green-blind)
#5B6B92
Tritanopia (blue-blind)
#008382

Closest named colors

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

ColorNameΔE₀₀
Sea Blue #0474954.79
Teal Blue #01889F4.82
Dirty Blue #3F829D5.86
Deep Aqua #08787F6.63
Cerulean #007BA77.44
Deep Turquoise #0173749.71

Colors that go with ocean

Top matches by hue harmony, contrast and saturation compatibility.

Powder Blue #B0E0E6
3.5:1
Same hue family as ocean (Δh 3°) — guaranteed harmony
Navy Blue #1B2A4A
2.9:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
4.5:1
Triadic harmony (Δh ≈130°) — balanced three-way contrast
3.9:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Light Salmon #FEA993
2.7:1
Complementary hue (Δh ≈177°) — 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.