bluecoolCC0 survey name

Marine #042E60

Marine is a dark, vivid cool color (#042E60; HSL 213° 92% 20%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “marine”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Navy Blues

Color values

FormatValue
HEX#042E60
RGBrgb(4, 46, 96)
HSLhsl(213, 92%, 20%)
HSVhsv(213, 96%, 38%)
OKLCHoklch(30.69% 0.099 256.2)
OKLaboklab(30.69% -0.0238 -0.0964)
CMYKcmyk(95.8%, 52.1%, 0%, 62.4%)
XYZxyz(3.1376, 2.8239, 11.4438)
CIE-LABlab(19.3, 8.1, -33.5)
CIE-LCHlch(19.3, 34.5, 283.7°)
Luminance0.028 (WCAG relative)
/* Marine */ --marine: #042e60; color: #042e60; background-color: #042e60;

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

Collections: Dark Blue Shades · Navy Blue 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)

#092a56 #0d264d #0f2243 #101e3a #101a31 #0f1729 #0e1220 #0b0d18 #05070f #000000

Tints (toward white)

#29406f #42527e #59668d #707a9d #878fad #9fa4bd #b6bacd #ced1de #e6e8ee #ffffff

Tones (toward gray)

#112e5b #192e56 #1e2e51 #222e4c #262e47 #282e42 #2a2e3d #2c2e39 #2e2f34 #2f2f2f

Color harmonies

Complementary

Edit in generator →
#042E60
#603604
#042e60 #603604

Analogous

Edit in generator →
#045C60
#042E60
#080460
#045c60 #042e60 #080460

Triadic

Edit in generator →
#042E60
#60042E
#2E6004
#042e60 #60042e #2e6004

Tetradic

Edit in generator →
#042E60
#60045C
#603604
#046008
#042e60 #60045c #603604 #046008

Square

Edit in generator →
#042E60
#60045C
#603604
#046008
#042e60 #60045c #603604 #046008

Split Complementary

Edit in generator →
#042E60
#600804
#5C6004
#042e60 #600804 #5c6004

Monochromatic

Edit in generator →
#010E1D
#021225
#042E60
#064A9B
#0966D6
#010e1d #021225 #042e60 #064a9b #0966d6

Accessibility & contrast

13.42
#042E60 on #FFFFFF
AA text AA large AAA text UI 3:1
1.56
#042E60 on #000000
AA text AA large AAA text UI 3:1

Best text on marine

13.42
#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)
#103362
Deuteranopia (green-blind)
#002B5F
Tritanopia (blue-blind)
#003A42

Closest named colors

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

ColorNameΔE₀₀
Marine Blue #01386A3.64
Navy Blue #1B2A4A5.33
Twilight Blue #0A437A7.21
Prussian Blue #0045778.21
Midnight Blue #19197010.00
Light Navy #15508411.52

Colors that go with marine

Top matches by hue harmony, contrast and saturation compatibility.

Light Blue #95D0FC
8.1:1
Same hue family as marine (Δh 7°) — guaranteed harmony
Periwinkle #CCCCFF
8.7:1
Analogous hue (Δh ≈27°) — neighbors on the color wheel
Soft Pink #FDB0C0
7.8:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Creme #FFFFB6
12.9:1
Split-complementary angle (Δh ≈153°) — strong but softer than direct complement
Camel #C19A6B
5.2:1
Complementary hue (Δh ≈180°) — 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.